CSS:上邊距和無邊框父Div
在所描述的場景中,子距橙色div 設定為30px 上邊缺少頂部邊框的綠色父div。當邊距將父 div 向下推時,即使不需要頂部邊框,也會出現此問題。
要解決此問題,在保持無邊框父div 的同時,請考慮實現以下內容:
.body { overflow: auto; }
透過將“overflow: auto”新增至父div“.body”中,您可以呼叫瀏覽器的折疊邊距行為。這允許子 div 的上邊距包含在父 div 內,而不會超出其邊界。
此方法可確保綠色 div 保持無邊框,同時防止邊距折疊,從而允許正確定位子橙色 div不會導致父 div 高度發生不必要的變化。
以上是如何防止子 Div 的邊距影響無邊框父 Div 的高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!