滚动条定位，跨浏览器

Question

在IE中，滚动条出现在div的内部 - 您可以认为这是正确的解决方案。其他浏览器，例如Chrome，将滚动条放在内容的外部。

如果我想始终为div显示一个垂直滚动条，如下所示：

<div style="height: 200px; overflow-y: scroll;">
  <div style="height: 200px; width: 100%; background: #DDD;"></div>
</div>

在IE中;因为有一个垂直滚动条，这意味着滚动条隐藏了一些内容，并显示一个水平滚动条来查看内容（然后显示有垂直内容滚动到以弥补新的滚动条！）。在Chrome中，垂直滚动条会将内容推入，因此没有隐藏内容，因此不会显示水平滚动条。

我希望所有内容都可见。是否有一种简单的交叉浏览器方式可以使滚动条一致显示？

最终，我有一个100％宽度的桌子，我只是想以固定的高度垂直滚动它。

---

我在IE7标准中运行，IE8似乎与Chrome等处理滚动条相同。

Answer 1

调整表格的宽度，使其不会超过滚动条的长度。

我一般认为这只是IE工作方式的问题。