就事論事,這節課里確實聽不懂這女老師口中的margin-top和margin-bottom,直到看到陽光雨下的評論。在此先謝過了。當然聽不清這情況在其他課程也遇到過,所以,一直在想,如果有字幕那該多好,沒有字幕有個課程大概知道講什么啊。囧。。。
2016-04-06
這個題實際是這樣的:將上面例子具體化一下,如body(margin:0)下面有一個div高35px,緊鄰其后的X元素外邊距15px,那么div設置fixed之后,div在原本文檔流該處的地方脫離文檔流(也就是作為body第一個元素的位置),導致緊鄰其后的X元素帶著它的15px跑到body的第一個元素,那么問題來了,margin-top:0的body和margin-top:15px的X元素,發生margin重疊(margin cllapse),取較大的值,導致body帶著div和x元素一起向下方移動15px。(所以個人覺得,垂直外邊距的重疊才是解釋這個題目的合理原因)
真的不能說是左上角,這個說法不大準確。因為視頻中的例子,如果box2先設置成position:absolute;那么它并不會往左上角跑,而覆蓋藍色的box1,真實情況是它在原本文檔流該處的位置上脫離文檔流,也就是說它后面的content不再受box2影響,導致box2堆疊在content上面。
2016-04-01