IE6.0对padding的解读分析-51CTO.COM

本文向大家描述一下IE6.0对padding的解读分析，IE6.0是让人头疼的一块心病，虽然说它是被公认的垃圾浏览器，但使用它的用户不再少数，因为在安装微软操作系统的时候IE被捆绑到客户机器的。

IE6.0对padding的解读分析

IE6.0是让人头疼的一块心病，每当写div+css布局页面的时候总是惦记着他，虽然说它是被公认的垃圾浏览器，但使用它的用户不再少数，因为在安装微软操作系统的时候IE被捆绑到客户机器的。

IE6.0对padding的解读和Firefox还有IE7等浏览器是不同的，下面举个例子：

<styletypestyletype="text/css"> 
 
<!--  
 
#test{  
 
width:200px;  
 
height:200px;  
 
padding:10px;  
 
}  
--> 
 
</style> 
 
</head> 
 
<body> 
 
<dividdivid="test"> 
 
</div> 
 
</body>

Test是一个div对象，现在设定了他的宽度200px，高度是200px，边框是1px，内边距是10px，这个时候在不同的浏览器下解读就会出现问题了，这个问题主要是由于IE6.0的bug造成的。在FF下解读出的div的实际表现长度是200px高度是200px，内边距是10px。在IE6下的数据是：宽度220px高度200px，由此可见对padding的解读错误只是对宽度有影响，高度没有什么变化。

从上面的区别可以看出IE6.0的对padding的解读中不算作定义的width的一部分，而FF和IE7或者IE8都看作是width的一部分。

【编辑推荐】