搜索:
首页 >> 网页设计 >> CSS/HTML >> 使用:after清除浮动

使用:after清除浮动

2008-10-30 作者:Ghost 来源:CSS森林 投递文章

特点:不需要另外加个清除DIV

:after(伪对象)--设置在对象后发生的内容,通常和content配合使用,IE不支持此伪对象,非Ie 浏览器支持,所以并不影响到IE/WIN浏览器

.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

设display:block;应用到:after元素,因为display的默认值是"inline", 不能收到clear的特性,同时将清除容器的高度设为零,height: 0;,可见度为隐藏。

加上下面的CSS样式

.wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1%;}
.wrapfix {display: block;}
/* End hide from IE-mac */

就可以适用任何浏览器了。

content:"." ;

的意思仅仅是给添加一个点“.”的内容进去,具体的值和产生的效果是没有关系的。
因为height已经设为0,而且visibility: hidden。

这里是为了简单和节省字符,才用了"."。

Tags:after  浮动  css 
相关文章
手机版 CSS/HTML Asp之家 Aspxhome.com
闽ICP备06017341号