手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >.clear 万能清除浮动(clearfix:after)
.clear 万能清除浮动(clearfix:after)
摘要:一般情况下:htmlbodydiv.clear,htmlbodyspan.clear{background:none;border:0;cl...

一般情况下:

html body div.clear,

html body span.clear

{

background: none;

border: 0;

clear: both;

display: block;

float: none;

font-size: 0;

margin: 0;

padding: 0;

overflow: hidden;

visibility: hidden;

width: 0;

height: 0;

}

还有一种是

.clearfix:after {

content: "020";

display: block;

height: 0;

clear: both;

}

.clearfix {

zoom: 1;

}

这个是优化版的清除浮动的样式,很值得推荐。

使用方法:通过在页面中添加<div class=”clear”></div> 或 <span class=”clear”> </span>来清除页面中的浮动。

【.clear 万能清除浮动(clearfix:after)】相关文章:

css清除浮动clearfix:after的用法详解

css clear之清除区域

关于清除浮动塌陷的几种方法总结

.clear 万能清除浮动(clearfix:after)

css清除浮动方法和代码

css24个canvas基础知识小结

CSS div居中的三种方法

CSS清除浮动 万能float闭合

IE6 innerHTML写入的iframe src不显示BUG的解决方法

天猫新旺铺首页全屏滚动海报代码

精品推荐
分类导航