-
這個題實際是這樣的：將上面例子具體化一下，如body（margin:0）下面有一個div高35px，緊鄰其后的X元素外邊距15px，那么div設置fixed之后，div在原本文檔流該處的地方脫離文檔流（也就是作為body第一個元素的位置），導致緊鄰其后的X元素帶著它的15px跑到body的第一個元素，那么問題來了，margin-top:0的body和margin-top:15px的X元素，發(fā)生margin重疊（margin cllapse），取較大的值，導致body帶著div和x元素一起向下方移動15px。（所以個人覺得，垂直外邊距的重疊才是解釋這個題目的合理原因）查看全部
-
absolute 與 fixed 相同點： 1、完全脫離標準文檔流 2、未設置偏移量時，都定位在父元素的左上角 *偏移量——元素設置定位（絕對或相對）后就具有偏移屬性和堆疊屬性(z-index)查看全部
-
position屬性值： static——靜態(tài)定位 relative——相對定位 absolute——絕對定位 fixed——固定定位查看全部
-
總結： 1、在上下方向上，父元素和子元素的 margin 會疊加，前提是父元素上下方向沒有設置 padding，否則不會疊加； 在左右方向上，父元素和子元素的 margin 不會疊加，無論父元素左右方向是否設置 padding。 2、如果元素設置了absolute 和 fixed 定位，在不指明偏移量的前提下，元素所在位置還是正常文檔流中的位置（實際上該元素已經(jīng)脫離文檔流了，只不過位置還是原來的）； 在指明偏移量的前提下，absolute 定位會相對于最接近的一個具有定位屬性的前輩元素進行定位，如果沒有則相對于 body 元素，fixed 定位則以瀏覽器窗口為參考。 3、無論是 absolute 定位還是 fixed 定位，在指明偏移量的前提下，都是以該元素的盒模型邊界來定位的（即包括 margin ！） 4、子元素設置 absolute 定位且指明偏移量，則在具有定位屬性的前輩元素的 padding 和 content 中定位，如果沒有該前輩元素，則相當于瀏覽器窗口定位（body標簽有margin值無影響）查看全部
-
任務3：請補充代碼解決 #top 設置為固定定位后，#mainbody 上移的問題，并使 #mainbody 與 #top 之間的間距為 20px查看全部
-
Fix定位總結 ① 定位形式：絕對定位，脫離標準文檔流 ② 特點：位置固定，兄弟元素可以從它下面穿過 ③ 未設置偏移量時， 有已定位的祖先元素：以祖先元素為基準定位 無已定位的祖先元素：以瀏覽器窗口為基準定位 ④ 設置了偏移量：無論有沒有已定位的祖先元素，均以瀏覽器窗口為基準定位查看全部
-
標準文檔流中，當兩個垂直邊界（margin-top或margin-bottom）（且僅僅只在縱向的垂直邊界）相遇時，它們將重合形成一個邊界。這個邊界的高度等于兩個發(fā)生疊加的邊界的高度中的較大者。查看全部
-
Fixed絕對定位查看全部
-
若沒有設置偏移量時，都以父元素左上角為基準；若設置了偏移量，則查看全部
-
1、位置固定不變，兄弟元素會從其下面穿過 2、當設置偏移量的時候，不管有沒有已經(jīng)到位的祖先元素，均以瀏覽器窗口為基準進行偏移 3、未設置偏移量時：a：查看全部
-
margin在垂直方向上相遇時會出現(xiàn)重疊，但是左右方向不會重疊查看全部
-
關于top和mianbody層的設置查看全部
-
fixed定位查看全部
-
絕對定位的特點查看全部
-
fixed和absolute都是屬于絕對定位，只是定位方式不同而已查看全部
舉報
0/150
提交
取消