如何修復沒有邊框的margin-top 下推父級div
當有margin-top 的子元素位於沒有上邊框的父元素內部時, margin可以下推父元素。這種行為通常是不受歡迎的。一種解決方案是向父元素添加頂部邊框,但這並不總是可能或理想的。
另一個解決方案是在父元素上使用 Overflow: auto 屬性。這將防止邊距折疊並向下推父元素。下面是一個範例:
.body { border: 1px solid black; border-top: none; border-bottom: none; width: 150px; height: 112px; background-color: lightgreen; overflow: auto; } .body .container { background-color: blue; height: 50px; width: 50%; margin-top: 30px; }
透過此更改,橘色 div 將不再向下推綠色 div。
以上是為什麼 Margin-Top 會壓低父級 div,以及如何在不使用邊框的情況下修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

Wufoo一直在集成方面非常出色。他們與特定應用程序(例如廣告系列顯示器,MailChimp和Typekit)進行集成,但他們也


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
刺客信條陰影:貝殼謎語解決方案
2 週前ByDDD
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3漢化版
中文版,非常好用

WebStorm Mac版
好用的JavaScript開發工具

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器