手机
当前位置:查字典教程网 >网页设计 > 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之清除区域

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

CSS div居中的三种方法

Div+CSS布局入门

清除浮动clear:both的应用详解

浅谈合理架构CSS

CSS清除浮动 万能float闭合

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

CSS实现让同一行文字和输入框对齐的方法

精品推荐
分类导航