时间:2016-01-22 07:23 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【.clearfix：after(清除浮动)中各个属性及值详细解说】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
.clearfix：after(清除浮动)中各个属性及值详细解说
.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；
}
.clearfix { *zoom:1;} <----这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。具体意思的话，不用深究，听说微软的工程师自己都无法解释清楚。height:1%效果也是一样。
关于.clearfix：after(清除浮动)中各个属性及值详细解说的相关讨论如下：
相关问题：.clear和.clearfix:after的区别，分别什么样的情况...
答：这是两种清除浮动的方式，.clear 就是在需要清除浮动的父元素内部的所有浮动元素后面添加一个无意义的空标签来清除浮动，并且自定义其CSS为clear:both，加上其它属于是为了让这个标签不受其它因素的影响；.clearfix:after 就是利用after伪对象来... >>详细
相关问题：有关css伪类:after清除浮动的问题
答：【浮动产生负作用 】 1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。 2、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于... >>详细
相关问题：.clear和.clearfix:after的区别，分别什么样的情况...
答：这跟优化有什么关系？ 这两条CSS是不同的两个东西怎么能比较哪个好坏呢？ .clear是选择器而已，就是为class为clear的元素规定样式 .clear:after是加外一种东西，after是个伪元素，意思就是在class为clear的元素后面加入新内容。 clearfix:after{... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-