正如您在這張圖片中看到的,我在div綠色內(nèi)部有一個橙色div,沒有頂部邊框。橙色div具有30px最高邊距,但同時也將綠色div壓低。當然,添加頂部邊框可以解決此問題,但是我需要綠色div無邊框。我能做什么?.body { border: 1px solid black; border-top: none; border-bottom: none; width: 120px; height: 112px; background-color: lightgreen;}.body .container { background-color: orange; height: 50px; width: 50%; margin-top: 30px;}<div class="header">Top</div><div class="body"> <div class="container">Box</div></div><div class="foot">Bottom</div>
3 回答

米琪卡哇伊
TA貢獻1998條經(jīng)驗 獲得超6個贊
不知道這是否適合您的情況,但是我只是使用以下CSS屬性解決了此問題
#element {
padding-top: 1px;
margin-top: -1px;
}
#element被下推,因為它的第一個子元素具有margin-top: 30px。使用此CSS,它現(xiàn)在可以按預期的方式工作:)不確定是否適用于每種情況,YMMV。
添加回答
舉報
0/150
提交
取消