使用css时遇到的问题...
时间:2010-08-09 来源:peterkingdom2009
1 对form定义padding,在ie6和ff下的解释不同
在ie6下:里面的元素也继承了该属性
在ff下:里面元素不受影响
没办法,就暂时改用margin定义了
2 ie6浮动双倍margin
产生条件:
当浮动的元素,再对该元素设置margin时,就产生margin双倍
解决办法:
使用浮动后,加上这条定义: _display:inline , 这是专门针对ie6的hack
3 解决ie6样式问题的网能绝招,就是触发ie6 hasLayout布局,就一切ok了
这个属性是ie独有的,是用于块级元素管理内部元素用的, 触发此布局性能上有损耗,所以microsoft没有对全部元素都触发hasLayout属性。
触发ie6 hasLayout办法:
_zoom:1 (推荐)
定义宽或高
浮动
position:absolute
4 浮动导致页面样式乱掉解决办法是尽早清除浮动,要么都浮动(这个方式我不常用,那样可能要全员浮动了,成僵尸了)
清除浮动方法1,增加额外div来清除浮动clear:both,在要清除浮动的元素后加上就ok了
清除浮动方法2 ,使用hack型,在浮动的元素上它的原理其实和方法1 一样,增加一个很小的几乎看不见的元素来清除浮动
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
}
5 浮动的元素一定要设置width,否则ie6解释有问题