為什麼內部元素的上邊距會取代其父 Div，如何修復它？

影響包裝Div 放置的頂部邊距

將上邊距應用於頁面上的初始可見元素（例如頁眉分隔）時，它可能會無意中取代整個部門。這是瀏覽器預設級聯行為的結果。

要解決此問題，解決方案是對父分區實現以下CSS 規則：

overflow: auto;

透過指定此規則，父分區將調整其高度以適應內部元素的上邊距，從而防止分區被向下推。

這是包含此內容的更新程式碼片段解決方案：

div#header {
  width: 100%;
  background-color: #eee;
  position: relative;
  overflow: auto;
}

div#header h1 {
  text-align: center;
  width: 375px;
  height: 50px;
  margin: 50px auto;
  font-size: 220%;
  background: url('/images/name_logo.png') no-repeat;
}

透過實作此技術，應用於 h1 元素的上邊距將不再影響標題分區的定位。

以上是為什麼內部元素的上邊距會取代其父 Div，如何修復它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！