始终不明白为什么,希望哪位大神可以详细讲解下,非常感谢

在标准文档流中,当两个垂直边界margin-top或者margin-bottom相遇时,会形成一个边界,这个边界的高度等于两者之中的较大者.

dinshuhon

2016-03-24

源自：固定层效果 2-1

关注问题我要回答

471

操作

收起

4 回答

啥都要学会回答被采纳 +3 积分
2016-03-27

你把后面那个视频也看一下，就明白了。

这么给你说吧，在body中，我们要调整的部分为mainbody块，此时top块的top层与mainbody块的top层撞车了，撞车后mainbody因为设置top=20px,取外边框边界高度最大的，所以，浏览器窗口与内容部分空出了20px，要解决此撞车问题，给top块的top层也加一个偏移量为0px，各使用各的，就不会撞车了。

0 回复有任何疑惑可以回复我~

收起回答

dinshuhon 提问者

非常感谢你的耐心解说

2016-03-27 回复有任何疑惑可以回复我~

小侠客
2016-06-04

不理解，能改对就行，哈哈

0 回复有任何疑惑可以回复我~

收起回答

dinshuhon 提问者
2016-03-25

我了解到的是当top设置成固定层, 在未设置偏移量时, 如果有已定位的祖先元素,将以祖先元素为基准.若无已定位的祖先元素,则以窗口为基准. 老师的代码是: mainbody 和 top 的父元素是body,而body没有设置定位.所以以窗口为基准. 根据你的解释 < -- 视频里说的，当top层设置为固定层时，在未设置偏移量时，mainbody上填充（设置了上外填充为20px）与top层的外填充（未设置偏移量，会默认以窗口为最外边界）重叠会取边界高度最大的，所以取了mainbody上外填充为20px的移动（下来了）-- >. 我得出的结果是: top为固定定位, 没有设置偏移且父元素没有设置定位. 此时的Top会与它所在文档流中的元素产生重叠. 且 Top会取所有重叠元素中的最大的外边距来偏移. 但是,我依旧不理解为什么会重叠???

0 回复有任何疑惑可以回复我~

收起回答

啥都要学会
2016-03-24

视频里说的，当top层设置为固定层时，在未设置偏移量时，mainbody上填充（设置了上外填充为20px）与top层的外填充（未设置偏移量，会默认以窗口为最外边界）重叠会取边界高度最大的，所以取了mainbody上外填充为20px的移动（下来了），为解决此情况，给top最外层设置一个偏移量就可以了，即top层的top为0（与默认以窗口为最外边界）

0 回复有任何疑惑可以回复我~

收起回答