+ -
当前位置:首页 → 问答吧 → CSS实例代码:万能float闭合(清除浮动)

CSS实例代码:万能float闭合(清除浮动)

时间:2011-04-23

来源:互联网

清除浮动,新手朋友往往不是很明白。如果不清除浮动对float进行闭合,在FF中往往会出错,在52css.com有大量的文章进行过介绍。今天向大家推荐一个实例,非常简洁易用。
  给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可:

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
*html .clearfix{
height:1%;
}
*+html .clearfix{
height:1%;
}
.clearfix
{
display:inline-block;
}

.clearfix {display:block;}

作者: xiaolv   发布时间: 2011-04-23

很强大啊---,

作者: ming   发布时间: 2011-04-23

热门下载

更多