float

浮动的元素不占用原来的空间,需要清除浮动,为了解决浮动对其他盒子的影响,解决父级盒子的高度为0的问题

清除(闭合浮动)浮动两种方式:

1、用clear清除浮动

2、创建父盒子的BFC

1.1利用clear清除浮动

1.1.1额外标签法

在最后一个浮动元素的后面添加一个空的div,清除这个div的浮动,不利于加载和seo

1.1.2给父盒子添加伪元素

另类的额外标签法Ie6不认识伪元素,zoom:1

1.1.3伪元素

闭合浮动,左右放盒子清除浮动

清除浮动2中方法:clear一般用于浮动对后面元素的影响

或者100%;overflow:hidden;浮动后父元素的高变没了,用这个

原文地址:https://www.cnblogs.com/wxlyq/p/5051482.html