代码:
<style>
body {
width: 300px;
position: relative;
}
.aside {
width: 100px;
height: 150px;
float: left;
background: #f66;
}
.main {
height: 200px;
background: #fcc;
}
</style>
<body>
<div class="aside"></div>
<div class="main"></div>
</body>
然后某些资料看的:
哪些元素会生成BFC?
根元素
float属性不为none
position为absolute或fixed
display为inline-block, table-cell, table-caption, flex, inline-flex
overflow不为visible
其中第2点 float属性不为none 就可以生成BFC,代码中的aside 是不是 就是一个BFC ?
我看资料 都是在
.main {
overflow: hidden;
}
添加overflow 来 生成BFC。