float:left或者float:right排版错乱

使用DIV+CSS排版的朋友定会遇到要让两个DIV平行于一行的现象,此时如果你使用float:left或者float:right控制，那么被控制的这个层将会成为浮标签，它在页面空余出来的位置会被它下一个标签吻合，所以如果这里就要求要非常精细的控制好这块。然而也可以利用另外一种办法来避免这种CSS中float让DIV排版出现错乱问题，就是应用样式中的clear,clear 属性定义了元素的哪边上不允许出现浮动元素。

left ：在左侧不允许浮动元素。
right： 在右侧不允许浮动元素。
both ：在左右两侧均不允许浮动元素。
none ：默认值。允许浮动元素出现在两侧。
inherit ：规定应该从父元素继承 clear 属性的值。

#div1,#div2{float:left;line-height:28px;padding-left:5px;padding-right:5px;clear:both;}

效果图:

这里加了个clear:both ：在左右两侧均不允许浮动元素。