手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS清除浮动 万能float闭合
CSS清除浮动 万能float闭合
摘要:清除浮动,新手朋友往往不是很明白。如果不清除浮动对float进行闭合,在FF中往往会出错,本站有大量的文章进行过介绍。今天向大家推荐一个实例...

清除浮动,新手朋友往往不是很明白。如果不清除浮动对float进行闭合,在FF中往往会出错,本站有大量的文章进行过介绍。今天向大家推荐一个实例,非常简洁易用。

给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可:

.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;}

不过貌似这样有点麻烦,其实常用的是下面的:
.clear{clear:both;height:0px;overflow:hidden;}

【CSS清除浮动 万能float闭合】相关文章:

纯CSS绘制三角形箭头效果

用CSS3打造独具创意的动画菜单效果

CSS教程:闭合CSS浮动元素的几种方法

CSS的滑动门技术研究

不同CSS技术及其CSS性能之间的差异

CSS弄懂闭合浮动元素

CSS浮动属性Float详解

用CSS floats创建三栏页布局

更简洁的 CSS 清理浮动方式

Div+CSS网页制作误区

精品推荐
分类导航