如何防止子 Div 的邊距影響無邊框父 Div 的高度？

CSS：上邊距和無邊框父Div

在所描述的場景中，子距橙色div 設定為30px 上邊缺少頂部邊框的綠色父div。當邊距將父 div 向下推時，即使不需要頂部邊框，也會出現此問題。

要解決此問題，在保持無邊框父div 的同時，請考慮實現以下內容：

.body {
    overflow: auto;
}

透過將“overflow: auto”新增至父div“.body”中，您可以呼叫瀏覽器的折疊邊距行為。這允許子 div 的上邊距包含在父 div 內，而不會超出其邊界。

此方法可確保綠色 div 保持無邊框，同時防止邊距折疊，從而允許正確定位子橙色 div不會導致父 div 高度發生不必要的變化。

以上是如何防止子 Div 的邊距影響無邊框父 Div 的高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！