.clear 万能清除浮动
2013-08-01 11:04
344 查看
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 万能清除浮动
- [zz]CSS clearfix 清除浮动
- DIV 清除样式浮动万能代码
- css 清除浮动 clear
- CSS clear both清除浮动
- CSS 浮动 float 清除浮动 clear 最容易理解的文章
- 项目经验:clear清除浮动样式
- .clearfix:after(清除浮动)中各个属性及值详细解说
- 清除浮动 clearfix
- 5.清除浮动(clear)
- 清除浮动(clearfix hack)
- 【css】清除浮动(clearfix 和 clear)的用法
- css基础 clear属性:both 使用div块清除左右浮动的简单示例
- [HTML]DIV+CSS clear both清除产生浮动
- css基础 clear属性:both 使用div块清除左右浮动的简单示例
- clear清除浮动最佳实践和BFC清除浮动
- 【css】清除浮动(clearfix 和 clear)的用法
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- 从清除浮动(clear float)谈拥有布局(has layout)与块级格式化范围(block formatting context)
- 从清除浮动(clear float)谈拥有布局(has layout)与块级格式化范围(block formatting context)