-
頁(yè)面表現(xiàn)方面的區(qū)別查看全部
-
相同點(diǎn)查看全部
-
不同的地方查看全部
-
margin選擇器設(shè)置的屬性會(huì)和fixed屬性設(shè)置重疊，導(dǎo)致<body>層與瀏覽器可視化窗口產(chǎn)生間距。在標(biāo)準(zhǔn)文檔流中，兩個(gè)元素，上外邊距和上外邊距，或者上外邊距和下外邊距相遇時(shí)，當(dāng)兩個(gè)標(biāo)簽都在標(biāo)準(zhǔn)文檔流中時(shí)，會(huì)選擇較大的上外填充查看全部
-
案例實(shí)現(xiàn)關(guān)鍵 頂部固定層 #top----position:fixed;top:0;left:0; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
已知一 div 高 35px，緊鄰其后的 X 元素上外邊距為 15px，為該 div 設(shè)置 fixed 定位后——div與瀏覽器可視窗口上邊界相距15px 解析：因?yàn)閄元素15px的上外邊距與body的0px上外邊距信息重疊了，所以body也跟著下移15px；又因?yàn)?，div在父元素body內(nèi)，且沒有設(shè)置偏移量，所以div相對(duì)其父元素body進(jìn)行絕對(duì)定位 （當(dāng)絕對(duì)定位，未設(shè)置偏移量時(shí)，顯示在body元素的左上角）查看全部
-
margin的重疊 1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對(duì)其設(shè)置偏移量，以其父包裹層定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí)，則top層的位置按照所設(shè)置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時(shí)的body與mainbody屬于標(biāo)準(zhǔn)文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時(shí)選擇margin值大的那個(gè)）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對(duì)maibody或者body層當(dāng)中數(shù)值較大的值進(jìn)行調(diào)節(jié)。查看全部
-
在對(duì)元素設(shè)置固定定位時(shí)候，如果希望本元素包含其父包含塊中，不需要對(duì)其設(shè)置（left，top，right，bottom）偏移量查看全部
-
fixed脫離文檔流，絕對(duì)定位查看全部
-
absolute與fixed的不同點(diǎn)： 設(shè)置偏移量時(shí)：absolute：1、無已定位祖先元素，以html為基準(zhǔn)；2、有已定位祖先元素，以距其最近，已定位的祖先元素為基準(zhǔn)。fixed：有無已定位祖先元素都以瀏覽器可視窗口為基準(zhǔn)偏移。 表現(xiàn)形式（產(chǎn)生滾動(dòng)條時(shí)）：absolute：位置隨滾動(dòng)條變化；fixed：1、位置不隨滾動(dòng)條變化；2、被其遮蓋的元素可從其下穿過查看全部
-
absolute與fixed相同點(diǎn)：（都屬于絕對(duì)定位形式） 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后 就具有偏移屬性和堆疊屬性（z-index） 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過 [ 收起全文 ]查看全部
-
已知一 div 高 35px，緊鄰其后的 X 元素上外邊距為 15px，為該 div 設(shè)置 fixed 定位后——div與瀏覽器可視窗口上邊界相距15px 解析：因?yàn)閄元素15px的上外邊距與body的0px上外邊距信息重疊了，所以body也跟著下移15px；又因?yàn)?，div在父元素body內(nèi)，且沒有設(shè)置偏移量，所以div相對(duì)其父元素body進(jìn)行絕對(duì)定位 （當(dāng)絕對(duì)定位，未設(shè)置偏移量時(shí)，顯示在body元素的左上角）查看全部
-
margin的重疊 1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對(duì)其設(shè)置偏移量，以其父包裹層定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí)，則top層的位置按照所設(shè)置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時(shí)的body與mainbody屬于標(biāo)準(zhǔn)文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時(shí)選擇margin值大的那個(gè)）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對(duì)top層的固定定位設(shè)置偏移量top:查看全部
-
absolute與fixed的不同點(diǎn)： 設(shè)置偏移量時(shí)：absolute：1、無已定位祖先元素，以html為基準(zhǔn)；2、有已定位祖先元素，以距其最近，已定位的祖先元素為基準(zhǔn)。fixed：有無已定位祖先元素都以瀏覽器可視窗口為基準(zhǔn)偏移。 表現(xiàn)形式（產(chǎn)生滾動(dòng)條時(shí)）：absolute：位置隨滾動(dòng)條變化；fixed：1、位置不隨滾動(dòng)條變化；2、被其遮蓋的元素可從其下穿過。查看全部
-
absolute與fixed相同點(diǎn)：（都屬于絕對(duì)定位形式） 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后 就具有偏移屬性和堆疊屬性（z-index） 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
舉報(bào)
0/150
提交
取消