html - 如何制作位置为:fixed occupy the entire parent width (and resize with it)?的div

Question

请参阅此 fiddle :http://jsfiddle.net/eEe2C/2/

绿色第 1 行是固定的，但不会像其他蓝色行那样拉伸(stretch)整个父级宽度。将第 1 行视为网格中的列标题。它需要固定以便始终可见，并且在滚动时所有行都在其下方“滑动”。第 1 行和其他行之间的唯一区别是第 1 行具有 position:fixed。

水平调整大小时，蓝色行的“单元格”会根据它们的宽度百分比扩展得很好。绿色行的“单元格”忽略了这一点(我知道为什么，只需要一个解决方案)。

如何让第 1 行保持固定的相同拉伸(stretch)行为？标题当然应该与数据“单元格”对齐。请尽可能不要进行 post-js hack。

编辑:不能使用表格，因为我使用的是拖放式排序，它根本不能很好地处理表格。

Answer 1

如果我没理解错的话，你的意思是这样吗？虽然您可能想在容器上设置特定的宽度。

http://jsfiddle.net/eEe2C/6/