Internet Explorer为垂直滚动条的宽度创建水平滚动条

Question

包含表格的div具有以下CSS样式：

#formulaAlts {
    float: right;   
    height: 200px;
    overflow: auto;
}

这使得当表格大于200px时，只会出现表格的滚动条，而页面上的其他元素会保持不变。太好了！

现在我们的朋友IE ...
在IE中，元素生成垂直滚动条而不增长包含元素。为了“解决”这个问题，创建了一个水平滚动条 太糟糕了。我不想让它太糟糕......

有什么想法吗？

- 编辑 -
我发现了那条线

overflow-x: hidden;

强制IE忽略水平滚动条。这是更好的..但不完全存在，因为现在我的桌子的一部分是隐形的。

Answer 1

小心。

overflow-x

不是那里支持最广泛的属性。

我倾向于使用带有一些正确填充的包含div：

CSS：

div.scroll {
  overflow:auto;
  padding-right:6px;
  /* I've found 6px to be just right my purposes, but try others*/
}

编辑：你需要在某个地方添加一个高度属性才能工作！我通常在div.scroll声明中有一个默认设置，然后针对特定情况（大多数情况）进行调整。 HTML：

<div class="scroll" >
  <table>
  <!-- your table stuff in here -->
  </table>
</div>