刪除頁眉和頁面之間的空間

Question

我的標題上方有一個空格。 我希望它保持頂部，沒有任何空間。 我附加了一張顯示空間的圖像。

這是我的代碼：

 body { background-color: red; } #example { height: 75px; background-color: #484848; }

 <header id="example"> example </header>

Answer 1

<body>元素具有默認邊距。 去掉它：

 body { background-color: red; } #example { height: 75px; background-color: #484848; } body { margin-top: 0; }

 <header id="example"> example </header>

Answer 2

許多元素帶有默認邊距和/或填充。

這是由於瀏覽器的默認樣式表 。

必要時將其添加到您的元素中：

margin: 0;
padding: 0;

這是瀏覽器可能使用的示例默認樣式表： https : //www.w3.org/TR/CSS22/sample.html

編輯（因為您添加了更多代碼）

在這種情況下，您需要從body元素中刪除邊距。

body { margin: 0; }

Answer 3

如果這是您完整的HTML和CSS，則紅色邊距不能那么寬，但是無論如何：添加

html, body { 
  margin: 0; 
}

到你的CSS

Answer 4

您可以做兩件事。 一種是刪除height: 75px因此div僅采用其自然高度（文本的高度）。

或者，您可以將＃ vertical-align: top添加到#example以將文本移到頂部-div在此處保持相同大小。

Answer 5

這樣可以解決您的問題。 元素主體默認情況下具有邊距。

body{
    margin: 0;
}

在css文檔頂部。