就事论事,这节课里确实听不懂这女老师口中的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