為什麼不`body { margin: 0; }` 總是刪除 CSS 中的上邊距？

解決CSS 中的正文邊距刪除問題

對於新手Web 開發人員來說，刪除正文元素的邊距可能是一距項令人困惑的任務。通常，提供的程式碼（例如“body { margin: 0; }”）不會產生所需的結果。

問題：

設定邊距時當 body 的值為零時，某些瀏覽器可能仍會在頁面頂部顯示少量空間。當內容的父元素具有正填充值時，可能會發生這種情況。

錯誤代碼：

按照提供的代碼建議，將所有邊距全局重置為零，可能會導致意想不到的副作用。更建議解決特定的邊距問題。

正確方法：

要消除空格並使標題與頁面頂部對齊，應檢查標題的父元素。如果父元素有內邊距，則應將其刪除或將標題的邊距設為負值。

例如，在提供的範例中，將以下程式碼加入CSS 將解決邊距問題問題：

body h1 {
  margin-top: -40px;
}

這種方法更加精確，並且避免了全局邊距重置導致的不必要的副作用。

以上是為什麼不`body { margin: 0; }` 總是刪除 CSS 中的上邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！