读书人

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

发布时间: 2012-10-25 10:58:57 作者: rapoo

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

读书人网 >Web前端

热点推荐