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的偏差）