使用了float属性之后的元素会浮动起来，脱离正常的文档流，导致后面元素错位等情况。这时候只需要清楚浮动后面的元素即可变得正常。
在需要浮动元素和不需要浮动元素中间添加一个div
<div class="clear"></div>
并设置样式:
.clear{
clear:both;
}
