1.给父级也加浮动（页面中所有的元素都加浮动，margin左右会自动失效）
2.给父级加display：inline-block（margin左右自动失效）
3.在浮动元素下加<div class = "clear"></div>
.clear{height:0px;font-size:0;clear:both;}
4.在浮动元素下加<br clear = "all"/>（不符合工作中：结构、样式、行为、三者分离的要求）
5.给浮动元素的父级加{zoom:1;}
:after{content:"";display:block;clear:both;}
6.给浮动元素的父级加overflow；一定要配合zoom:1;
7.加高度（扩展性不好）
8.加空标签：浮动 [加一个空标签，然后给这个空标签加clear:both]（IE6下最小高度19px解决后还有2px的偏差）
