css - 非滚动标题的 CSS 或表格“Dock 布局”解决方案？

Question

我有一个不随其下方内容滚动的可变高度标题。内容将像普通网页一样，溢出=自动，受限于视口的大小。

我还没有找到无表格的 CSS 解决方案，并且使用表格溢出无法正常工作 - 底部表格行不受视口高度 - 标题高度的限制。

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

Answer 1

由于您不支持 IE6，因此您可以将标题设置为position: fixed以防止其随文档滚动。

请注意，滚动条仍会延伸到标题的顶部，因此您应该在内容的顶部添加填充，这样当它滚动到顶部时，它就不会在标题后面结束。