IE6的bug
借鉴http://css.doyoe.com/ 问题和经验列表,里面应有尽有。写几个常见的:
1.解决IE6及更早浏览器浮动时产生双倍边距的BUG
display:inline
2.如何解决IE6下的文本溢出BUG(行业内称:多出一只猪)
删除2个div之间所有的注释;
不设置浮动;
调整2个div的宽度,比如将宽度调整为更小一点,刷新页面看效果。
3.DIV浮动IE文本产生3象素的bug
左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距. #box{
float:left; width:800px;} #left{ float:left; width:50%;}
#right{ width:50%;} *html #left{ margin-right:-3px; //这句是关键} <div id=”box”>
<div id=”left”></div> <div id=”right”></div> </div>
4.css hack
我的github: https://github.com/moux1024