《
CSS制作网页时清除网页浮动的作用》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333042013.htm
留神，多了一段清理浮动的代码。这是一种好的CSS代码习惯，然而这种办法增添了无用的元素。这里有一种更好的方式，将HTML代码修改为：
Tag：网页浮动 ,
css制作漂亮的新闻列表; 制作网页 网页浮动 制造网页
这是对Firefox进行的处理，因为Firefox支撑生成元素，而IE所有版本都不支持天生元素
,CSS制作星级评价的功能.clearfix {
display: inline-block;
}
/* 这是对 Mac 上的IE阅读器进行的处置 */
* html .clearfix {height: 1%;} ,CSS初学者必知CSS技巧; ,CSS创建圆角框;
/* 这是对 win 上的IE浏览器进行的处理 */
.clearfix {display: block;} ,CSS分内部和外部两种方式;
/* 这是对display: inline-block;进行的修改，重置为区块元素*/
会发现即便子元素进行了浮动，父元素float container依然会将其包抄，进行高度自适应。
<div style=”background:#666;”>
<div style=”float:left; width:30%; height:40px;background:#EEE; “>Some Content</div>
<div style=”clear:both”></div>
</div>
例如：
--> [
网站建设之]CSS制作网页时肃清网页浮动的作用
Code:
.clearfix:after {
content: “.”;
,css兼容调试常见情况及相应方法; clear: both;
height: 0;
,CSS兼容要点总结; visibility: hidden;
display: block;
}
<div class=&rdquo,CSS兼容性（IE和Firefox）技巧大全;clearfix” style=”background:#666;”>
<div style=”float:left; width:30%; height:40px;background:#EEE; “>Some Content</div>
</div>
定义CSS类，进行“浮动清理”的把持：
在进行浮动布局时，大多数人都深知，在必要的处所进行浮动清算：<div style=”clear:both;”>,CSS兼容 用CSS代码来判断浏览器是Firefox、IE6、IE7的代码;</div>。
若将代码修正为：
<div style=”background:#666,CSS入门教程：长度与单位;”>
<div style=”float:left; width:30%; height:40px;background:#EEE; “>Some Content</div>
</div>
此时预览此代码，咱们会发明最外层的父元素float container,并不显示。这是由于子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。
clear元素的margin-top被重置为零
(责任编辑：网站建设)
CSS制作网页时清除网页浮动的作用相关文章