【发布时间】：2013-03-07 01:19:22
【问题描述】：
我有一张固定布局的桌子。我添加了一些代码，以便在滚动表格时将 thead 元素从流中取出（位置：固定）以留在屏幕上。
table { table-layout:fixed; width: 100% }
table th { width: 50px }
table th:first-child { width: 20em; }
table td { width: 50px }
table tbody tr:first-child td:first-child { width: 20em;}
问题是，当广告从流中取出时，表格列的其余部分会自行调整大小。有关复制示例，请参阅http://jsfiddle.net/2EDQR/3/。尝试滚动结果框，看看表格列是如何挤压的。
关于如何防止这种情况的任何想法？
UPD：当我滚动页面时，我需要标题留在视口中。问题是当标题从流中取出时，tbody 列正在调整大小，因此标题与列不对齐
【问题讨论】：
-
您的 html 代码有错误。部分标签未正确关闭
-
这似乎是 jsfiddle 错误。我美化了那个代码，它没有任何问题。不过我已经更新了。
-
你需要固定的标题吗？
-
从问题中看不清楚？当我滚动页面时，我需要标题留在视口中。问题是当标题从流中取出时，tbody 列正在调整大小，因此标题与列不对齐
-
只要去掉 就可以了。像这样：jsfiddle.net/2EDQR/5
标签： css css-position tablelayout