獲取標題與頁面頂部對齊

我剛剛開始構建這個網站時出現了這個奇怪的問題。我想讓頁眉與頁面頂部完全齊平。但由於某種原因，有一個小的空間，大約20px高，不管我嘗試什麼都不會消失。我假設只有一些關於CSS和html的東西我沒有得到，所以你們可以幫我解決嗎？獲取標題與頁面頂部對齊

CSS：

#header { 
    background-color:#3429C9; 
    /*-webkit-border-radius:15px; 
    -moz-border-radius:15px; 
    border-radius:15px;*/ 
    display:block; 
    position:relative; 
    z-index:2; 
    margin-top:-20px; 
    border-bottom:2px solid white; 
    margin-bottom:20px; 
    height:60px; 
} 

body { 
    text-align:center; 
    font-family: Georgia, Serif; 
    background: #000000; 
    margin:0; 
    height:100px; 
    display:block; 
    border:2px solid red; 
}

來源

2012-07-22 barndog

你可以在這裏發表您的代碼，看看我們能做些什麼www.jsfiddle.net – 2012-07-22 09:50:31

我認爲你需要發佈毫無疑問，這是你的頭和它的CSS的內容推動下來。 – BonyT 2012-07-22 09:50:47

我想我其實已經想通了。出於某種原因，我不太明白，當我給我的標題填充1px時，它對齊。感謝無論如何，傢伙！ – barndog 2012-07-22 09:52:35

每一個瀏覽器（火狐，Chrome，IE）都談到一個默認的CSS與給默認樣式給元素。它還提供了一些默認邊距/填充，因此通常在啓動網站設計時，應使用css reset file來重置所有默認樣式。

這樣你就可以爲所有瀏覽器獲得相同的基本行爲。

對於一個快速的解決方案上你的問題，只是設置的頭部填充/保證金爲0

來源

2012-07-22 09:53:53 Tomer

是的說實話，我甚至不知道有關CSS重置文件，所以我欠你一個。這似乎解決了問題，而沒有在我的文件中使用填充。謝謝！ – barndog 2012-07-22 09:59:26

這也可以防止更多的問題，隨時接受答案... – Tomer 2012-07-22 10:00:17

獲取標題與頁面頂部對齊

回答

相關問題