手机
当前位置:查字典教程网 >网页设计 > 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定义双色文字

怎样成为顶尖的CSS设计师

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

CSS div居中的三种方法

CSS line-height行高上下居中垂直居中样式属性

CSS代码:自定义网页超链接下划线

css中替换元素和不可替换元素

IE6,IE7等其它IE和firfox等标准浏览器css hack简单兼容方

CSS自动控制图片大小的代码

css clear之清除区域

精品推荐
分类导航