手机
当前位置:查字典教程网 >网页设计 > 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)】相关文章:

清除浮动的空DIV方法

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

通过浮动+定位实现两个div在同一行

CSS div居中的三种方法

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

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

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

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

浅谈合理架构CSS

CSS浮动(float,clear)通俗讲解

精品推荐
分类导航