-
因為div元素設置了fixed屬性,則其就會脫離標準文檔流.然后x元素就成了在標準文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產生了magin重疊問題.根據重疊原則(上一節有講),body的magin-bottom就隱含成了15px. 但是,這里設置了fixed的div元素并沒有設置top屬性,則其仍按父包裹層(body)的位置不動. 所以,根據以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.查看全部
-
在對元素設置固定定位是，如果希望本元素包含其父包含快中，不需要對其設置偏移量查看全部
-
已理解，需要練習查看全部
-
標準文檔流中，當兩個垂直邊界（margin-top或margin-bottom）（且僅僅只在縱向的垂直邊界）相遇時，它們將重合 形成一個邊界。這個邊界的高度等于兩個發生疊加的邊界的高度中的較大者。<br> 補充解決方案：<br> 1.外層padding<br> 2.透明邊框border:1pxsolidtransparent;<br> 3.絕對定位postion:absolute:<br> 4.外層DIVoverflow:hidden;<br> 5.內層DIV 加float:left;display:inline;<br> 6.外層DIV有時會用到zoom:1; 當給元素一個值為fixed的position屬性時，如果設置了偏移量，就脫離了該元素的包裹層（父元素），其兄弟元素會占據原有的位置。查看全部
-
absolute 與 fixed 不同點<br> absolute，<br> 1）無已定位祖先元素，以 <html> 為基準偏移；<br> 2）有已定位祖先元素，以距其最近的、已定位的祖先元素為基準偏移；<br> 3）位置會隨滾動條變化。 fixed，<br> 1）有、無定位祖先元素，都已瀏覽器可視窗口為基準偏移； 2）位置固定，不會隨滾動條變化； 3）被他遮蓋的元素，可以從其下穿過。查看全部
-
absolute 與 fixed 相同點 1）完全脫離標準文檔流 2）在沒有設置偏移屬性時，都定位在其父元素的左上角查看全部
-
只有元素在設置相對定位，或者絕對定位后，此屬性才有效，它的作用是設置元素所在的z軸層級。z-index值越大，元素層級越大。查看全部
-
fixed定位： 未設置偏移量時：以已定位的祖先元素為參照基準。 設置偏移量后：以html為參照基準查看全部
-
div設置fixed，脫離文檔流，x元素占據div的位置，x元素和body的上邊距發生重疊，變成15px,div沒有設置偏移，以在父元素中的位置定位，而body此時的上邊距為15px,div距離可是窗口15px查看全部
-
對元素進行固定定位，它的偏移的默認值是在父元素中的偏移查看全部
-
absolute和fixed的不同點 如果有已經定位的祖先元素，absolute以最近的已定位的祖先元素為參照基準進行偏移。如果沒有，則以html為參照基準。 fixed無論有無已經定位的祖先元素，都已html為參照基準進行偏移。查看全部
-
absolute和fixed的相同點： 1、脫離文檔流 2、未設置偏移時，定位在父元素的左上角查看全部
-
在垂直方向上，margin-top值存在重疊----也就是外邊距合并：當兩個垂直外邊距相遇時會發生外邊距合并，合并后的外邊距的高度等于兩個外邊距中較大的外邊距值。這只發生在普通文檔流中的塊級框中，而行框、絕對定位以及浮動則不會出現。所以一般建議在父級元素里加margin，在子級元素里用padding。查看全部
-
SayHiTo 正確的是： 只要是絕對定位（absolute、fixed），未設置偏移量時，都保持原始位置不動。 設置了偏移量后，absolute以離自己最近的定位祖先元素進行定位，如果無定位祖先元素，以html為基準進行定位； fixed，以瀏覽器窗口進行定位。查看全部
-
1.由于給top選擇器設置fixed固定定位時，(top層已經脫離了標準文檔流)沒有對其設置偏移量，以其父包裹層定位，（當top選擇器fixed固定定位設置了偏移量時，則top層的位置按照所設置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發生了重疊，（此時的body與mainbody屬于標準文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標準文檔流中上下margin發生重疊時選擇margin值大的那個）所以body下移20px；top層又以body層定位，從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設置偏移量top:0； 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據其原來的位置，所以mainbody層上移占據原來top層的位置。導致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
舉報
0/150
提交
取消