內容容器未在標題下對齊

Question

我似乎無法使this page上的內容容器位於標題下方，而無需在頂部添加3ems的填充。

這裏的主要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; 
}