第一种方法用浏览器兼容性解决方法,关于浏览器兼容识别标识请查看同分类中的另外一篇文章。
第二种方法取消IE中的quriks mod(兼容模式),方法:
例:height:22px;
padding-top:4px;
指定dtd的链接,ie会执行quriks mod(兼容模式),这时它的盒模型解析是和ie5一样的,即height=22,而非w3c规定的内容宽度width=22+4
解决方法:把<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
改成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">;
另外IE6双倍边距bug
当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况。如外边距设置为10px,而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug