IE9 + css：固定头表的问题

Question

所以，我认为这是一个 CSS 问题，但基本上，我提供的 HTML 在响应式布局中包含一个固定的标题表。 代码： http://jsfiddle.net/JpRQh/10/

有 3 行数据，但在 IE9 中，表格行数似乎很高，并且滚动条已被禁用。

我在固定标题表上遵循的示例： http://www.imaputz.com/cssStuff/bigFourVersion.html 在 IE9 中也有同样的问题。

关于如何解决它的任何想法？

编辑：如果有足够的数据，我保证表格会滚动。但例如，我只包括了 3 行。

Answer 1

这是导致 IE 出现问题的规则。实例：http://jsfiddle.net/JpRQh/12/

html>body tbody.scrollContent {
    margin-top: 24px;
    padding-top: 8px;
    display: block;
    height: 400px; /* If you delete this rule you will see the table rows return to their normal size */
    overflow: auto;
    width: 100%
}

样式化滚动tbody 和固定标题等往往会导致很多跨浏览器兼容性问题。你可以看看这个link关于跨浏览器滚动tbody。

This 然而似乎是最好看的跨浏览器解决方案。您需要检查 CSS。