内容滚动在标题下方

Question

我希望将标题固定在每个页面的顶部，因此我添加了以下规则...

header {
    position: fixed !important;
    top: 0px !important;
    z-index: 100;
} 

现在我的问题是其余页面被标题剪切了。有人可以告诉我，我可以做些什么来解决这个问题吗？

Answer 1

您需要在内容div中添加一个margin-top，该内容div应该等于标题的高度。例如，如果这是您的结构：

<header></header>
<div id="wrapper"></div>

并且标题的高度为200px，您应该将以下CSS添加到样式表中：

#wrapper {
     margin-top: 200px;
}