清除浮动
清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题
当父元素不给高度的时候,内部元素不浮动的时候会撑开,而浮动时父元素会变成一条线,所以这个时候就需要解决浮动
清除浮动的四种方式
- 额外标签法
给最后一个浮动的标签后,新加一个标签,给其设置clear:both;
但这种方式是不推荐使用的,因为添加无意义的标签,语义化差 - 父元素添加overfiow属性
通过触发BFC的方式,实现清除浮动 - 使用
after
伪元素清除浮动
优点:符合闭合浮动思想,结构语义化正确,不容易出现其他为题
缺点:IE6-7不支持伪元素:after
- 使用
zoom:1
触发