最理想的方式为
伪类 + content ：
例如 div：after{content:"";display:block;clear:both;}
div{zoom：1;}
另外，还有一些其他方式，但存在兼容性问题或不利于扩展
2.加高 扩展性不好
3.给父级加浮动，则需要给父级，再往上推找父级都加上浮动，不但繁琐，而且会导致margin左右auto失效；
4.空标签 或 br+clear：all的方式需要额外添加标签
5.voerflow:hidden;并配合zoom=1以兼容ie6&7 , 存在的问题
原文：http://www.cnblogs.com/muzha-yuan/p/5373290.html