-
absolute和fixed相同點(diǎn) 第一,完全 脫離標(biāo)準(zhǔn)文檔流 第二,未設(shè)置偏移量時,都定位在父元素的左上角 偏移量——元素設(shè)置定位(絕對或相對)后,具有偏移屬性和堆疊屬性(z-index)查看全部
-
絕對定位(absolute、fixed)的特點(diǎn): 1、完全脫離標(biāo)準(zhǔn)文檔流 2、兄弟元素不再受其影響查看全部
-
任務(wù)1:margin:0 auto; 任務(wù)2:position:fixed;top:0; 任務(wù)3:margin-top:63px;(因?yàn)閠op的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px查看全部
-
absolute 與 fixed 相同點(diǎn)(它倆都是絕對定位) 第一,完全脫離標(biāo)準(zhǔn)文檔流 第二,未設(shè)置偏移量時,都定位在父元素的左上角 偏移量--元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index) absolute 與 fixed 不同點(diǎn) absolute 1無已定位祖先元素,以<html>為基準(zhǔn)偏移 2位置會隨滾動條變化 3有已定位祖先元素,以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed 位置固定,不會隨滾動條變化 被他遮蓋的元素可以從其下穿過 有、無已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
-
bsolute與fixed的相同點(diǎn): 第一:完全脫離標(biāo)準(zhǔn)文檔流; 第二:未設(shè)置偏移量時,都定位在父元素的左上角;(偏移量---元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(Z-index))查看全部
-
偏移量的確定:absulute:如果父級沒有設(shè)定位置屬性(relative),則以HTML頁面為偏移的基準(zhǔn),會隨著頁面動;如果設(shè)定了則以父級為基準(zhǔn); fixed:均是以HTML可是窗口為偏移基準(zhǔn);保持在瀏覽器的可視窗口下;查看全部
-
fixed和absolute都會脫離標(biāo)準(zhǔn)層,默認(rèn)位置是靠在父元素的左上角查看全部
-
position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。查看全部
-
position屬性的四種取值 1、static——靜態(tài)定位; 2、relative——相對定位; 3、absolute——絕對定位;(特點(diǎn):完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響) 4、fixed——固定定位查看全部
-
1.由于給top選擇器設(shè)置fixed固定定位時,(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對其設(shè)置偏移量,以其父包裹層(此處為<body>)定位,(當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時,則top層的位置將以<html>為包裹層按照所設(shè)置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊,(此時的body與mainbody屬于標(biāo)準(zhǔn)文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(同一水平面中上下margin發(fā)生重疊時選擇margin值大的那個.ps:左右margine不會發(fā)生重疊)所以body下移20px;top層又以body層定位,從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對top層的固定定位設(shè)置偏移量top:0; 2.第一步對top層設(shè)置偏移量后top層緊隨其后的兄弟元素會占據(jù)其原來的位置,所以mainbody層上移占據(jù)原來top層的位置。導(dǎo)致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
什么時候該設(shè)置偏移量? 在對元素設(shè)置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。 也就是說: 在其沒有設(shè)置偏移量的時候,偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值!查看全部
-
對,只有元素在設(shè)置相對定位,或者絕對定位后,此屬性才有效,它的作用是設(shè)置元素所在的z軸層級。z-index值越大,元素層級越大。查看全部
-
absolute 與 fixed 相同點(diǎn)(它倆都是絕對定位) 第一,完全脫離標(biāo)準(zhǔn)文檔流 第二,未設(shè)置偏移量時,都定位在父元素的左上角 偏移量--元素設(shè)置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index) absolute 與 fixed 不同點(diǎn) absolute 1無已定位祖先元素,以<html>為基準(zhǔn)偏移 2位置會隨滾動條變化 3有已定位祖先元素,以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed 位置固定,不會隨滾動條變化 被他遮蓋的元素可以從其下穿過 有、無已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
-
任務(wù)1:margin:0 auto; 任務(wù)2:position:fixed;top:0; 任務(wù)3:margin-top:63px;(因?yàn)閠op的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px查看全部
-
fix定位查看全部
舉報(bào)
0/150
提交
取消