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一般用于浮动对后面元素的影响
或者width:100%;overflow:hidden;浮动后父元素的高变没了,用这个