标题下方的内容滚动

Question

我想让我的页眉固定在每个页面的顶部，所以我添加了以下规则...

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

现在我的问题是其余页面被页眉剪裁了。有人能告诉我我能做些什么来解决这个问题吗？

Answer 1

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

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

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

#wrapper {
     margin-top: 200px;
}