css 为什么要清除浮动

清除浮动： 非IE浏览器下，容器不设高度且子元素浮动时，容器高度不能被内容撑开。 此时，内容会溢出到容器外面而影响布局。这种现象被称为浮动（溢出）。

浮动元素引起的问题？
父元素的高度无法被撑开，影响与父元素同级的元素
与浮动元素同级的非浮动元素会跟随其后
若浮动的元素不是第一个元素，则该元素之前的元素也要浮动，否则会影响页面的显示结构

清除浮动的几种方式：
1.给父级div定义height属性
2.最后一个浮动元素之后添加一个空的div标签，并添加clear:both样式
3.包含浮动元素的父级标签添加overflow:hidden或者overflow:auto
4.使用 :after 伪元素。由于IE6-7不支持 :after，使用 zoom:1 触发 hasLayout**

clear:none|left|right|both