<html>
<body>
<div style="border: 1px solid red; width: 300px; padding: 10px;">
在Firefox中,div的完整宽度是padding+width,因此width: 300px; padding: 10px;的实际宽度是320px;而在IE6中,div的完整宽度是width,所以这个div和下面的div宽度一致。
</div>
<div style="border: 1px solid red; width: 300px;">
宽度为300px的div
</div>
<div style="border: 1px solid red; width: 280px !important; width: 300px; padding: 10px;">
通过借助!important标记,可以设置Firefox中的width值为IE6中的width值减去padding值,这样就实现了Firefox与IE6的padding效果尺寸兼容。
</div>
</body>
</html>