BFC的问题
BFC有一条规则
BFC的区域不会与float box重叠
position为absolute和fixed会生成一个BFC,但如下代码
<style>
.aside {
width: 100px;
height: 150px;
float: left;
background: #f66;
}
.main {
height: 200px;
background: #fcc;
position: absolute;
width:200px;
}
</style>
<body>
<div class="aside"></div>
<div class="main"></div>
</body>
.aside和.main依然会重叠,请问如何理解?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
http://www.cnblogs.com/lhb25/...里面介绍的很详细了
你在.aside的float: left;写成float: box; 就不会重叠。
或者:
应该是float的层级比较低,position的元素会覆盖float元素,但是对bfc这东西,理解不了