清除浮动的用法clearfix
来源:互联网 发布:百家cms v2.7 编辑:程序博客网 时间:2024/06/11 01:16
经过各种清除浮动的比较,以及日常的应用,发现最好最完美的一种方法就是这个:
代码如下,
css:
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix{*zoom:1;}//只针对IE6/7
HTML:
<div class="clearfix" style="border:1px solid #000;"> <div style="float:left; height:50px; width:500px; background:#ccc;"></div> <div style="float:left; height:50px;width:40px; background:#f60;"></div></div>
补充一个层之间的清除浮动也可以用这个:
.clear{clear:both;height:0;font-size: 1px;line-height: 0px;}//清除浮动
<br class="clearfloat" /><!-- 用于清除浮动的元素 -->
- 清除浮动的用法clearfix
- css中clearfix清除浮动的用法
- 清除浮动的clearfix方法
- 【css】清除浮动(clearfix 和 clear)的用法
- css中clearfix的用法(清除浮动)
- 清除浮动,clearfix的几种解决方案
- clearfix清除浮动的几种方法
- 清除浮动(clearfix)
- clearfix清除浮动
- 清除浮动(clearfix)
- clearfix清除浮动进化史
- clearfix清除浮动
- css 清除浮动 clearfix
- clearfix清除浮动进化史
- 清除浮动 clearfix
- clearfix清除浮动
- clearfix清除浮动方案
- clearfix清除浮动进化史
- 砝码组合————解题报告
- 卡特兰数
- android休眠唤醒机制二
- 自动加载完成类的加载
- 使用Java开发需要关注的那些事儿
- 清除浮动的用法clearfix
- hdu 4474 Yet Another Multiple Problem 模型转换 BFS搜索
- PHP面向对象----继承特性
- B树的实现
- [Linux]GNU自动化工具(automake工具链)
- 我去!写出了一条这样的语句,还以为是算法出了问题。
- android Activity类onKeyUp() ,onKeyDown 略读
- PHP面向对象------静态属性和方法
- 学习23种设计模式之简单工厂模式