具有填充

Question

IE6和盒模型我有一个框是宽度：600px的 我喜欢有文本左侧，与在其他浏览器框是海军报与另一个在它侧（边栏/内容）的20像素 填充 它玩细的，内容与侧边栏在IE6定义

它看到的内容是600 + 20，巫推sidebat至底部...

你如何使用填充，这项工作在所有浏览器包括提前IE6

感谢

Answer 1

如果您可以自由使用黑客，利用黑客下划线。

_width: 560px; // targets ie6 only 

否则

添加一个包装的div并添加填充到该div

<div style="width: 600px"> 
    <div style="padding: 0 20px"> 
    bla bla 
    </div> 
</div> 

Answer 2

IE会看到如框560像素20像素的+左填充+ 20像素右侧填充到等于600，而不是600像素20像素的+左填充+ 20像素右侧填充（如浏览器应该看到它）。盒子模型的默认行为是获取盒子的宽度，然后为其添加填充和边距。

针对IE6的最佳方式是使用条件注释（http://css-tricks.com/how-to-create-an-ie-only-stylesheet/），然后在该样式表中设置框为宽度：560px。我假设你没有利润率，但如果你这样做，你也需要从整体宽度中减去这些利润。