清除浮动的三种办法

1，父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。简单、代码少、 容易掌握，但只适合高度固定的布局.
2，结尾处加空div标签 clear：both 原理：在浮动元素的后面添加一个空div兄弟元素，利用css提高的clear：both清除浮动，让父级 div能自动获取到高度，如果页面浮动布局多，就要增加很多空div，让人感觉很不好.
3，父级div定义 伪类：after 和 zoom /清除浮动代码/

.clearfix：after{ content：""； display：block； visibility：hidden； height：0；