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

Question

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

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

这使得当表格大于 200 像素时，滚动条仅出现在表格中，页面上的其他元素保持不变。伟大的！

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

有任何想法吗？

--EDIT--
我发现那行

overflow-x: hidden;

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

score 2 · Accepted Answer

小心。

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>

1 回答 1