清除浮动方法

.clear {
   overflow:hidden;
   zoom:1; //用于兼容IE6。
}

2.伪类

.clear:after { 
     content: ""; 
     display: table; /*采用此方法可以有效避免浏览器兼容问题*/
     clear: both;
}

3.添加空元素并添加样式属性

.clear {
  clear: both;
}