当前位置: 代码迷 >> Web前端 >> padding在FF、IE、Opera中解释不同的解决办法
  详细解决方案

padding在FF、IE、Opera中解释不同的解决办法

热度:64   发布时间:2012-10-25 10:58:57.0
padding在FF、IE、Opera中解释不同的解决方法

第一种方法用浏览器兼容性解决方法,关于浏览器兼容识别标识请查看同分类中的另外一篇文章。

第二种方法取消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
  相关解决方案