css清除浮动

在进行谁不排列布局时，经常会使用元素的float属性，从而会使父容器高度无法自适应，这时候，只需要添加一个带有clear:both属性的元素就能清除浮动带来的高度问题：

<div class="container">

　　<div class="item"></div>

　　<div class="item"></div>

　　<div class="item"></div>

　　<div class="clear"></div>

</div>

 

<style>

.item{ display: inline-block;float: left; width: 50px; height: 50px; background: red}

.clear{ clear: both}

</style>