如何使用 position:fixed 制作一个 div 占据整个父宽度（并随之调整大小）？

Question

看到这个小提琴： http://jsfiddle.net/eEe2C/2/

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

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

如何为第 1 行获得相同的拉伸行为仍然保持它固定？ 标题当然应该与数据“单元格”对齐。 如果可能，请不要使用 post-js hack。

编辑：不能使用表格，因为我正在使用拖放排序，这对表格根本不起作用。

Answer 1

如果我理解正确，你的意思是这样吗？ 尽管您可能希望在容器上设置特定宽度。

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

Answer 2

尽管它是一个演示，但对我来说它看起来像表格数据，所以只需使用<table> 。 使用具有固定高度<tbody>的表格可能是解决问题的好方法。