非滚动页眉的CSS或Table'Dock Layout'解决方案？

Question

我有一个可变高度标题，不会随其下的内容滚动。内容将像普通网页一样运行，溢出= auto，限制为视口的大小。

我还没有找到一个无表格的CSS解决方案，并且使用表格溢出不能正常工作 - 底部表格行不限于视口高度 - 页眉高度。

这似乎是一个相当简单和常见的问题。有没有人想出一个工作解决方案？如果有帮助，我可以忽略IE < 8。

Answer 1

由于您不支持IE6，因此您可以将标头设置为position: fixed以防止它与文档一起滚动。

请注意，滚动条仍然会延伸到标题的顶部，所以您应该将填充添加到内容的顶部，以便当滚动到顶部时，它不会在标题后面结束。