关于清除浮动
浮动最早是用来做图文排版，为了让块级元素同行显示，而html中块元素是有自己的排列规则，一般独占一行。
所以有了浮动元素，一旦元素浮动了就会脱离文档流，产生问题。
怎么去清除浮动：
（1）给受到浮动元素影响的元素添加overflow:hidden; 因为overflow属性会触发BFC
【BFC：block formatting context块级格式化上下文-让元素强制按照块级元素的规则进行排序】
（2）在受到浮动影响的元素前面，添加一个空的div，给空的div添加样式：clear:both
（3）在浮动元素的父标签的伪元素选择器:after中取出浮动—类似于空div
//伪元素是行内元素，正常浏览器清除浮动
.x:after{
content:””,
display:block,
clear:both;
}
（4）在最后一个元素加上clear:both
（5）.xxxx{
*zoom:1;
}