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