-
position的四種定位屬性查看全部
-
只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大查看全部
-
磁珠為準(zhǔn)查看全部
-
fixed定位特點(diǎn)查看全部
-
隨上而走查看全部
-
Fixed定位：定位形式----絕對(duì)定位 特點(diǎn)-----位置固定不變，兄弟元素會(huì)從其下穿過(guò) 未設(shè)置偏移量：1）有已定位祖先元素 以祖先元素為基準(zhǔn)定位；2）無(wú)已定位祖先元素 以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量，有、無(wú)定位祖先元素，均以瀏覽器窗口為基準(zhǔn)偏移查看全部
-
absolute與fixed的相同點(diǎn)：1.完全脫離標(biāo)準(zhǔn)文檔流 2.當(dāng)未設(shè)置偏移量設(shè)計(jì)，無(wú)論是否有已定位的祖先元素，都以父元素為參照定位查看全部
-
如果元素都存在于標(biāo)準(zhǔn)文檔流中，margin有垂直合并屬性，以大的margin為準(zhǔn)。例子中top位于body中，它以在父元素（body）中的位置固定，而此處由于body沒(méi)有margin值，mainbody有margin-top：20px，所以body也就由于垂直合并屬性有了margin-top：20px屬性，查看全部
-
absolute與fixed的相同點(diǎn)：1.完全脫離標(biāo)準(zhǔn)文檔流 2.當(dāng)未設(shè)置偏移量設(shè)計(jì)，無(wú)論是否有已定位的祖先元素，都以父元素為參照定位查看全部
-
一個(gè)元素在它上方距離它最近的元素，就是它的父元素； 同樣的，一個(gè)元素在它包含之內(nèi)的最近的元素，就是它的子元素查看全部
-
...查看全部
-
固定層效果如何實(shí)現(xiàn) 1.固定層效果實(shí)現(xiàn)關(guān)鍵代碼： #top......position:fixed;top:0;left:0; #mainbody......margin-top:(#top高度+原有間距)px； 2.影響因素有哪些？ 屬性的取值，元素的偏移量，元素偏移參照基準(zhǔn) 3.absolute和fixed都是絕對(duì)定位，相同點(diǎn)如下： a.都完全脫離標(biāo)準(zhǔn)文檔流。 b.未設(shè)置偏移量時(shí)，都定位在父元素左上角。 4.absolute和fixed的不同點(diǎn)主要體現(xiàn)在兩個(gè)方面： 第一方面體現(xiàn)在設(shè)置偏移量時(shí)，當(dāng)absolute無(wú)已定位祖先元素時(shí)，以html為基準(zhǔn)偏移。有已定位父元素時(shí)， 以距其最近的已定位的祖先元素偏移。 而fixed不論有無(wú)已定位父元素，它都以瀏覽器可視窗口為基準(zhǔn)偏移。 第二方面體現(xiàn)在表現(xiàn)形式上，absolute的位置會(huì)隨著滾動(dòng)條的變化而變化，而fixed位置固定，不會(huì)隨著滾 動(dòng)條的位置變化，而且被它遮蓋住的元素，能從它的下方穿過(guò)。查看全部
-
1.關(guān)于fixed的定位及偏移量基準(zhǔn)參照<br> 由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒(méi)有對(duì)其設(shè)置偏移量，以其父包裹層定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí)，則top層的位置按照所設(shè)置的偏移量的位置定位）<br> 2.margin重疊問(wèn)題<br> fixed固定條的父包裹層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: 又是一個(gè)比較重要的基礎(chǔ)知識(shí)點(diǎn)： 文檔流中，當(dāng)兩個(gè)垂直邊界（margin-top或margin-bottom）相遇時(shí)，它們將形成一個(gè)邊界。這個(gè)邊界的高度等于兩個(gè)發(fā)生疊加的邊界的高度中的較大者。補(bǔ)充解決方案：1.外層padding2.透明邊框border:1pxsolidtransparent; 3.絕對(duì)定位postion:absolute:4.外層DIVoverflow:hidden; 5.內(nèi)層DIV 加float:left;display:inline;6.外層DIV有時(shí)會(huì)用到zoom:1;查看全部
-
.關(guān)于fixed的定位及偏移量基準(zhǔn)參照 由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒(méi)有對(duì)其設(shè)置偏移量，以其父包裹層定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí)，則top層的位置按照所設(shè)置的偏移量的位置定位） 2.margin重疊問(wèn)題 fixed固定條的父包裹層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:查看全部
-
在對(duì)元素進(jìn)行固定定位時(shí)，希望 其包含在父包含塊中， 那么就不要設(shè)置偏移量查看全部
舉報(bào)
0/150
提交
取消