清除浮动的较完美方法:不添加无意义标签
2009-07-21 12:59
501 查看
引入.clearfix这个css类,然后再相应的父标签中用class导入;
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */
改方法兼容于FF、Opera和IE浏览器
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */
改方法兼容于FF、Opera和IE浏览器
相关文章推荐
- div标签清除float浮动样式方法
- 清除浮动的最优方法~为需要清浮动的标签加上overflow~~论坛推荐~!!!
- 比较完美的清除浮动的方法
- 理解为何需要清除浮动及清除浮动的方法
- 实用css技巧——清除浮动方法总结
- jQuery添加和删除指定标签的方法
- 清除浮动的几种方法
- win7 下完美解决VB 动态添加的flash 控件 fscommand 消息未触发的方法
- 浮动相关理解,以及清除浮动的方法总结
- 清除浮动的几种方法
- JS脚本实现动态给标签控件添加事件的方法
- 清除浮动几种方法个人总结
- ThinkPHP添加更新标签的方法
- 清除浮动的方法
- 浅谈 CSS 清除浮动的 6 种方法
- [css]css之浮动与清除浮动各方法原理介绍
- 清除浮动的几种方法
- CSS 清除浮动的4种方法
- 清除浮动的四种方法
- PHP清除字符串中所有无用标签的方法