如何让内容滚动而不会超过我的标题？

Question

我是网页设计的新手，我有一点问题。我有一个标题（在顶部），一个导航（在左侧），然后是主要内容。我已将标题和导航设置为position：abosulute，因此它不会随页面滚动。现在我想要滚动时主要内容不会超过标题。我怎样才能做到这一点？

image of the site

Answer 1

这是获得所需布局的小提琴...... Header and sidebar position: absolute;

小提琴：http://jsfiddle.net/FTtzc/1/

演示：http://jsfiddle.net/FTtzc/1/embedded/result/

Answer 2

将主要内容放在自己的容器中，并为该容器提供滚动条。

Answer 3

为您的标题添加背景颜色z-index: 2;，您的内容获得z-index: 1; 有关z-index http://www.w3schools.com/cssref/pr_pos_z-index.asp

的进一步参考

Answer 4

你可以将你的内容放在另一个绝对定位的div中，然后允许它有一个带overflow: auto的滚动条（当没有必要时隐藏滚动条）或overflow: scroll（滚动条始终可见）。

这是一个小提示：http://jsfiddle.net/YYmA9/1/