<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>
FF中的宽度为实际宽度减去Padding中设的值则为width的赋值。
IE6中的宽度为实际宽度，不减去Padding的值，所以加了width: 280px !important; width: 300px; 后，FF取的是前一个width，IE6取的后一个width的值。这样就可以相互兼容了！
- 评论:(0)
发表评论 点击这里获取该日志的TrackBack引用地址