margin top綁架父節點問題的分析

2022-08-14 18:27:19 字數 339 閱讀 2620

當兩個空的塊級元素巢狀時,如果內部的塊設定有margin-top屬性,那麼內部塊的margin-top屬性會綁架父級元素

#parrent

#box1

解決方法:

1、設定父元素或者自身的display:inline-block;

2、設定父元素的border:1px aqua solid;(>0)

3、設定父元素的padding:1px;(>0)

4、給父元素設定overflow:hidden;

5、給父元素或者自身設定position:absolute;

6、設定父元素非空,填充一定的內容。

父元素與子元素之間的margin top問題

父元素的盒子包含乙個子元素盒子,給子元素盒子乙個垂直外邊距margin top,父元素盒子也會往下走margin top的值,而子元素和父元素的邊距則沒有發生變化。css樣式 box1 box2 bug原因 in this specification,the expression collapsin...

margin top影響父元素定位

寫樣式時無意中發現margin top會影響到父元素的定位,下面是示例 html div class demo div class inner 子元素 div div css demo.inner效果如下 如上圖所示 在子元素設定了margin top 30px時,父元素會掉落30px,而子元素和父...

margin top對於父元素的影響

案例問題 子元素設定的margin top沒有起作用,還是定在頂到了父元素的邊緣!並且影響父元素移動 案例 body father son style father son div div 效果如下 分析 垂直外邊距合併問題常見於第乙個子元素的margin top會頂開父元素與父元素相鄰元素的間距,...