包含表格的 div 具有以下 CSS 样式:
#formulaAlts {
float: right;
height: 200px;
overflow: auto;
}
这使得当表格>200px时,仅表格出现滚动条,页面上的其他元素保持不变。伟大的!
现在我们的朋友 IE...
在 IE 中,元素会生成垂直滚动条,但不会增长包含元素。为了“解决”这个问题,创建了一个水平滚动条。
太糟糕了。而且我不想让它烂...
有任何想法吗?
--EDIT--
我发现这条线
overflow-x: hidden;
强制 IE 忽略水平滚动条。这更好了..但还不够,因为现在我的桌子的一部分是不可见的。
Careful.
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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)