CSS 设置float:left 导致后面元素错乱问题

使用了float属性之后的元素会浮动起来，脱离正常的文档流，导致后面元素错位等情况。这时候只需要清楚浮动后面的元素即可变得正常。

在需要浮动元素和不需要浮动元素中间添加一个div

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

并设置样式:

.clear{

    clear:both;

}