如何使位置固定：固定佔用整個父寬度（並調整它的大小）？

綠色行1是固定的，但不拉伸其他藍色行所做的整個父寬度。將第1行看作網格中的列標題。它需要被固定，以便在任何時候都可見，並且在滾動時所有行都在其下面「滑動」。第1行和其他行之間唯一的區別在於第1行的位置：fixed。

當水平調整大小時，藍色行的「單元格」會根據它們的寬度百分比很好地展開。綠色行的「單元格」忽略了這一點（我知道爲什麼，只需要一個解決方案）。

如何獲得與第1行相同的拉伸行爲仍然保持固定？標題當然應該與數據「單元格」對齊。如果可能的話，請不要發佈post-js黑客。

編輯：不能使用表格，因爲我正在使用drag'n'drop排序，根本無法使用表格。

2011-04-27 tobefound

是否有任何理由需要使用CSS來僞造HTML表格會隱式執行的操作？ – nlaq 2011-04-27 22:24:17

據我所知，這是不可能的，沒有JS黑客攻擊。但是......我不是專家。 – 2011-04-27 22:24:18

好吧，這些行涉及到很多drag'n'drop排序，這與表格不能很好地匹配。另外，我無法很好地跨桌面設計表格。 – tobefound 2011-04-28 08:31:23

如果我正確地理解它，你的意思是這樣嗎？儘管您可能想要在容器上設置特定的寬度。

2011-04-27 22:37:24 Winter

不，我仍然需要row1的位置：固定，以便row1停留在視口中，無論滾動位置。 – tobefound 2011-04-28 08:37:10

我明白你的意思了。也許這就是你正在尋找的：http://jsfiddle.net/eEe2C/12/因爲沒有CSS重置，我認爲有一些默認的邊距和填充，所以我設置兩個身體爲0。我添加了一些背景以查看元素的位置，但可以將其刪除。 – Winter 2011-04-28 19:20:33

是的，工作，但我真的需要一個更通用的解決方案，其中父容器指定所有包含元素的擴展寬度。 – tobefound 2011-04-29 14:42:22

儘管這是一個演示，它看起來像表格數據給我，讓只使用一個<table>。使用table with a fixed height <tbody>可能是您的問題的一個很好的解決方案。

2011-04-27 23:10:38 Marcel

請參閱已編輯的行。 – tobefound 2011-04-28 08:33:19

回答