左上角说法不准确，还有一些东西真的要去看html/css帮助文档

真的不能说是左上角，这个说法不大准确。因为视频中的例子，如果box2先设置成position:absolute;那么它并不会往左上角跑而去覆盖蓝色的box1，真实情况是它在原本文档流该处的位置上脱离文档流，也就是说它后面的content不再受box2影响，导致box2堆叠在content上面。下面是附上的图：

风_起

2016-04-01

源自：固定层效果 1-3

关注问题我要回答

390

操作

收起

2 回答

程序媛ing
2016-04-21

那如果在此基础上再给box1加上position：absolute；那box1会把box2覆盖住么

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

#1

风_起提问者

你可以试一下呗。结果应该是box1后面的会往上冒泡。记得有一条规则好像是：后添加position:absolute的元素z-index会比先添加的大，所以box1会覆盖在box2上面，box2覆盖在content上面。如果他们都有margin-top值，记得考虑“边界塌陷”的情况哦。

2016-04-21 回复有任何疑惑可以回复我~

#2

程序媛ing 回复风_起提问者

哦哦，谢谢，我之前试了一下的确是这样的

2016-04-21 回复有任何疑惑可以回复我~

#3

程序媛ing 回复风_起提问者

只是不知道为什么，现在懂了。嘻嘻，不过“边界塌陷”，一脸懵逼，我去百度了

2016-04-21 回复有任何疑惑可以回复我~

查看2条回复

Jack_1992
2016-04-01

哦哦...

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

举报

0/150

提交

取消

固定层效果

参与学习 51907 人
解答问题 148 个

运用属性值就轻松实现网页固定层效果

左上角说法不准确，还有一些东西真的要去看html/css帮助文档

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号