个人主机做网站百度 seo 工具

浮动最早是用来做图文排版，为了让块级元素同行显示，而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;

}