一、直接写 clear：both （推荐）
二、添加块 （推荐）
<div class="clearfix"></div> -------html 代码
.clearfix{ --------css代码
clear:both;
}
三、添加overflow （有限制，父级元素）
<style> .box{ background-color: yellow; overflow:atuo; //或者是hidden } .box1{ width: 100px; height: 100px; background-color: green; } .box2{ width: 100px; height: 100px; background-color: red; } </style> <body> <div class="box"> <div class="box1">div1</div> <div class="box2">div2</div> </div> </body>
未定义overflow时，高度塌陷，黄色不显示
overflow方法，在父元素上设置overflow这个属性，如果父元素的这个属性设置为auto或者是hidden，父元素就会扩展包含浮动，这个方法有着比较好的语义性，
因为它不需要额外的元素，但是，要记住一点，overflow属性不是为了清除浮动而定义的，要小心不要覆盖住内容或者触发了不需要的滚动条。
四、添加类， （太复杂）
<style>
.clearfix:after{
content:"";
display:table;
height:0;
visibility:both;
clear:both;
}
.clearfix{
zoom:1;
}
</style>
<div class="box clearfix">
<div class="box1">div1</div>
<div class="box2">div2</div>
</div>
</body>
237
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
