HTML表體定位和滾動

如this Fiddle所示，我在頁面上有三個表格。我希望能夠滾動「排行榜」和「隊列」的主體，只留下標題和表格標題。最好沒有絕對定位。HTML表體定位和滾動

~~有點關係，我還需要表（不包括 caption有填充在側面一點點（但個別細胞中不之間）。~~

2011-09-30 skeggse

添加overflow: scroll;到您的div和包括height如果你只是想在一個方向滾動，而不是你可以爲垂直滾動水平滾動和overflow-y做overflow-x。爲了檢測是否DIV甚至需要是滾動的，使用overflow: auto;。

2011-09-30 00:19:05

是的，但_what_高度？如果我希望這是動態的，那麼我不能僅僅給它一個高度。 – skeggse

@CMC：你不必設置高度，但你不會得到滾動，它會繼續延伸頁面。也許你想設置一個最大高度？ –

你可以指定你想要的任何高度，div將是相同的高度，但div的內容是動態的。內容是導致需要滾動的原因，_content_是動態的。 –

添加overflow: auto;到周圍的DIV你想滾動。你可能想要設置明確的高度，取決於你的佈局 - 你不需要但不會滾動，如果你不這樣做。如果您希望僅延伸至某一點，則可以嘗試設置max-height。如果您只希望它垂直滾動，某些瀏覽器支持overflow-y: auto，但不是全部。

由於<caption>位於表格中，因此無法在表格中設置填充或邊距。您可以：

2011-09-30 00:21:35

回答