内容容器未在标题下对齐

Question

我似乎无法使this page上的内容容器位于标题下方而不添加3层填充到顶部。

这是主要的CSS：

.headerHighlight {
position: absolute;
top: 133px;
}

.header {
position: fixed;
left: 0;
top: 0;
height: 133px;
}

#main-content {
padding: 3em 15px 2em;
overflow: hidden;
min-height: 100%;
}

赞赏任何想法

Answer 1

1
。删除body padding-top。
2.将margin-top:133px添加到#main-content并删除他的padding-top。
3。欢迎你发送邮件：

OR
你可以为正文设置padding-top，等于标题的固定高度，然后删除主要内容的padding-top和margin-top

Answer 2

只需从正文中删除顶部填充，只留下.header类的高度：

body {
    background: #E9ECEF url("/images/dark_bg.jpg") repeat;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 960px;
    font-size: 15px;
    line-height: 1.7;
}

.header {
    width: 100%;
    background: #E9ECEF url("/images/dark_bg.jpg") repeat;
    height: 133px;
}