.clearfix:after 清除浮动
2015-04-11 11:49
204 查看
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix{*zoom:1;} 各个属性解释: .clearfix:after { <----在类名为“clearfix”的元素内最后面加入内容; content: ""; <----内容。 display: block; <----加入的这个元素转换为块级元素。 clear: both; <----清除左右两边浮动。 visibility: hidden; <----可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间,只是看不到而已; line-height: 0; <----行高为0; height: 0; <----高度为0; font-size:0; <----字体大小为0,能避免很多空行的BUG; } .clearfix { *zoom:1;} <----这是针对于IE6的,因为IE6不支持:after伪类,这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。具体意思的话,不用深究,听说微软的工程师自己都无法解释清楚。height:1%效果也是一样。
相关文章推荐
- .clearfix:after(清除浮动)中各个属性及值详细解说
- .clearfix::after(清除浮动)
- .clearfix:after的用法,清除浮动
- .clearfix:after(清除浮动)中各个属性及值详细解说
- .clearfix:after(清除浮动)中各个属性及值详细解说
- clear-fix清除浮动的两种写法
- clearfix:after 清除css浮动
- 清除浮动 clearfix
- 清除浮动的三种方法(::after/.clear/overflow)
- [zz]CSS clearfix 清除浮动
- 教老婆学前端系列一,怎么清除浮动,clearfix方案
- 清除浮动(Clear Float)
- css 清除浮动 clear
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- CSS清除浮动_清除float浮——详解overflow:hidden 与clear:both属性
- CSS 用伪类 :after 选择器清除浮动
- 父元素的高度为0利用伪元素:after清除浮动可解决问题
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- 清除浮动bug使用 .clearfix{*zoom:1;} 和 .clearfix:after