Firefox下浮动层高度问题解决方法
.clearfix:after {
content: “”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
(注:上面这段代码来源于google大神……)
在包含float层的父层加上上面的这个css样式
简单解释一下:
:after —— 伪对象,用以在层里的最末加上一个占空的伪层达到撑空间的作用
content —— 内容,引号中加什么都没关系,但一定要有这个属性
display:block —— “将对象强制作为块对象呈递,为对象之后添加新行”,手册上写的
height:0 —— 这个东东只用来撑高度的,自己占高度的话就不合适了所以为0
clear:both —— 清除浮动,这个至关重要,具体用法查手册
visibility: hidden —— 隐藏了content里面的东东……“你睇我唔到你睇我唔到……”
在IE6下由于会自动将父层撑大,所以没有这样改的必要,但是这样写了也没有影响,因为IE不认识:after o(—﹏—)o

0 Comments.