使用 position:relative 在 IE 中使 tbody 可滚动答案

【问题标题】：Make tbody scrollable with use position:relative in IE使用 position:relative 在 IE 中使 tbody 可滚动
【发布时间】：2011-10-17 08:43:30
【问题描述】：

我想创建带有固定标题的表格。并左右滚动 tbody。如果我将 thead 和 tbody 作为块（设置样式显示：块和位置：相对）它适用于除 IE 之外的所有浏览器。对于 IE，我需要设置位置：固定。但是如果我在动态添加新行后使用 position:fixed ，滚动位置会被重置。

如何让 tbody 在 IE 中使用 position:relative 滚动？

谢谢

【问题讨论】：

【解决方案1】：

我在这里找到的一个例子：http://monolinea.com/clients/csstests/tablescroll.html 有一个在 IE 中工作的表，但仍在试图找出我的和他们的之间的差异。可以帮助你看看它的来源。

【讨论】：

在您为 IE 发布的示例中，“tableContainer”是可滚动的，对于其他浏览器 - “tbody”。就我而言，我想让所有浏览器都可以滚动“tbody”。
是的，在与它斗争了很长一段时间后，我得到了它的工作......但仅限于 IE9 兼容模式和 IE 条件语句。对于我正在尝试做的事情仍然不够好。我现在正在考虑改用它。 fixedheadertable.com
这对于只能向下滚动的表格来说是一个很好的解决方案。在我的网站上，我有很大的桌子。我想让它向左和向下滚动。在此示例中，我将 fixedColumn 设置为“on”并尝试左右滚动。 FF 4.0 中的标头滑动缓慢

【解决方案2】：

尝试在 tbody 的 css 中设置 overflow: auto。

【讨论】：