使用after伪类,配合IE的zoom或者overflow清除浮动

Posted gbeniot

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用after伪类,配合IE的zoom或者overflow清除浮动相关的知识,希望对你有一定的参考价值。

用after伪类实现,兼容多种浏览器:
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;overflow:hidden;}


为了兼容IE6、IE7,加上下面代码:

.clearfix{zoom:1}


一般情况下,如果父层内部有浮动(float)可能导致父层的高度为0,加上clearfix后就行了。






以上是关于使用after伪类,配合IE的zoom或者overflow清除浮动的主要内容,如果未能解决你的问题,请参考以下文章

css遗漏

浮动清除before&after

知道css有个content属性吗?有什么作用?有什么应用?可以伪类清除浮动

使用 after 伪类清除浮动

jquery或者js怎么抓取after伪类的内容

IE 不将 SVG 显示为伪元素中的内容 :before 或 :after