非滾動頁眉的CSS或Table'Dock Layout'解決方案？

Question

我有一個可變高度標題，不會隨其下的內容滾動。內容將像普通網頁一樣運行，溢出= auto，限制爲視口的大小。

我還沒有找到一個無表格的CSS解決方案，並且使用表格溢出不能正常工作 - 底部表格行不限於視口高度 - 頁眉高度。

這似乎是一個相當簡單和常見的問題。有沒有人想出一個工作解決方案？如果有幫助，我可以忽略IE < 8。

Answer 1

由於您不支持IE6，因此您可以將標頭設置爲position: fixed以防止它與文檔一起滾動。

請注意，滾動條仍然會延伸到標題的頂部，所以您應該將填充添加到內容的頂部，以便當滾動到頂部時，它不會在標題後面結束。