关于float浮动进一步了解

  语法：

       clear : none | left | right | both

       取值：

       none  :  默认值。允许两边都可以有浮动对象

       left   :  不允许左边有浮动对象

       right  :  不允许右边有浮动对象

       both  :  不允许有浮动对象

对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素

详细参照： http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html#commentform

灵活使用after清除浮动

div:after

{

content: "";

clear: both;

display:block;

width:0;

height:0;

visibility:hidden; 

}