Html 滚动条定位，跨浏览器

在IE中，滚动条出现在一个div的内部，你可以说这是正确的解决方案。其他浏览器（如Chrome）将滚动条放在内容的外部

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

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

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

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

最终，我有一个100%宽度的表格，我只想以固定高度垂直滚动它

---

---

我使用的是IE7标准，IE8似乎与Chrome等一样处理滚动条。调整表格的宽度，使其不会超过滚动条的长度

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