滚动条定位，跨浏览器

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工作方式的一个问题。