有沒有辦法刪除網頁頂部的空間？

我似乎無法弄清楚如何讓每個元素之間的空間消失。我主要想要刪除頂部的空白。我曾嘗試使用margin-top:0，它沒有奏效。任何建議將不勝感激。有沒有辦法刪除網頁頂部的空間？

這是我的HTML

<body> 
    <div style="background-color:green;"> 
     <h1>top</h1> 
    </div> 
    <div style="background-color:blue;"> 
     <h1>body</h1> 
    </div> 
    <div style="background-color:red;"> 
     <h1>footer</h1> 
    </div> 
</body>

這是我的CSS

body, div, header { 
    padding:0; 
    margin:0; 
    margin-top:0px; 
}

來源

2014-02-26 ctng1213

這種做法是正確的，但你是隱藏「頭」，而不是'h1'也嘗試http://www.cssreset.com/ – roo2

的空間是原因d通過用戶代理樣式表（瀏覽器應用的默認樣式）。

您還需要針對H1。

html, body, div, h1 { 
    margin:0; 
}

或者，而不是單獨靶向每一個元素，可以使用通用的CSS選擇器*目標在一開始的一切：

* { 
    margin:0; 
    padding:0; 
    }

爲了避免麻煩，你應該用CSS reset開始你的CSS 。這將在所有元素上設置所有填充，邊距等，以確保瀏覽器從相同的起點解釋樣式，而不是依賴於每個瀏覽器的單獨用戶代理樣式表。

如果你想要去的現代，你可以使用Normalise.css

來源

2014-02-26 04:02:16 Timmah

謝謝你的幫助！我一定會檢查你的鏈接 – ctng1213

你的CSS包括h1：

Fiddle

body, div, header, h1 { 
    padding:0; 
    margin:0; 
    margin-top:0px; 
}

來源

2014-02-26 03:57:38 JunM

有沒有辦法刪除網頁頂部的空間？

回答

相關問題