当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文 |
|
|||
CSS制作网页经验:清除网页浮动 | |||
2009-6-15 22:22:48 文/佚名 出处:电脑软硬件应用网 | |||
在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理: 。例如:
Some Content 此时预览此代码,我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动,而脱离了文档流,导致父元素的height为零。 若将代码修改为:
Some Content 注意,多了一段清理浮动的代码。这是一种好的CSS代码习惯,但是这种方法增加了无用的元素。这里有一种更好的方法,将HTML代码修改为: Some Content 定义CSS类,进行“浮动清理”的控制: Code: 这是对Firefox进行的处理,因为Firefox支持生成元素,而IE所有版本都不支持生成元素 .clearfix { 会发现即使子元素进行了浮动,父元素float container仍然会将其包围,进行高度自适应。 clear元素的margin-top被重置为零 |
|||
最新热点 | 最新推荐 | 相关文章 | ||
CSS伪类选择器nth-child() css3教程:background属性调整增强 css教程:CSS3 Media Queries 详解 CSS 类名的长命名和短命名 CSS实例教程:非浮动区域设置宽度 如何使用css约束一个层不可见? CSS的list-style解释 小议使用“完整”的CSS的缺点 CSS中的相对定位与绝对定位详解 实例使用DIV+CSS制作圆角边框加阴影… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |