JS中使用 after 伪类清除浮动实例

前端之家收集整理的这篇文章主要介绍了JS中使用 after 伪类清除浮动实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_301_0@以前清除浮动的时候总是在想要清除浮动的元素后面添加


<div class="jb51code">
<pre class="brush:js;">
<div style="clear:both;">

@H_301_0@或者写在br标签里面来解决,但这样会增加无语义的标签,下面是用after伪类实现,兼容多种浏览器

@H_301_0@为兼容IE6,IE7,因为ie6,ie7不能用after伪类。加上下面代码

@H_301_0@.clearfix{zoom:1} 一般情况下,如果父层内部有浮动(float)可能导致父层的高度为0,加上clearfix后就行了

@H_301_0@HTML:

@H_301_0@CSS:

@H_301_0@以上所述是小编给大家介绍的使用 after 伪类清除浮动实例。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章