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

前端之家收集整理的这篇文章主要介绍了css – Internet Explorer为垂直滚动条的宽度创建水平滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
包含表的div具有以下CSS样式:
#formulaAlts {
    float: right;   
    height: 200px;
    overflow: auto;
}

这使得当表格> 200px时,只有表格会出现滚动条,页面上的其他元素会保持不变.大!

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

有任何想法吗?

– 编辑 –
我发现了那条线

overflow-x: hidden;

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

解决方法

小心.
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>

猜你在找的CSS相关文章