IE6和带填充的盒子模型

Question

我有一个宽度为600px的盒子 我喜欢留下文字，填充为20px 那个盒子在另一侧与另一个人一起移动（侧栏/内容） 在其他浏览器中它可以很好地使用内容侧边栏定义

在ie6中它看到的内容是600 + 20，女巫将侧腹推到底部...

如何使用填充，这在所有浏览器中都有效，包括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将看到框为560px + 20px左边填充+ 20px右边填充等于600，而不是600px + 20px左边填充+ 20px右边填充（因为浏览器应该看到它）。框模型的默认行为是获取框的宽度，然后向其添加填充和边距。

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