CSS中外邊距合併問題解決方法

2021-10-08 21:32:20 字數 420 閱讀 7869

css中外邊距合併問題解決方法:

父子級:1.給父元素新增邊框屬性;

2.給父元素或者子元素新增浮動屬性(讓兩者不在乙個文件流中);

3.給父元素或者子元素新增position:absolute屬性;

4.給父級元素設定overflow:hidden屬性(sticky定位中不可使用,需要滾動條);

5.給父元素或者子元素新增display:inline-block屬性;

6.將本應該設定給子元素的外邊距設定給父元素的內邊距(導致盒子變大,可更改盒模型或 者更改height)。

兄弟級:將本應該設定給兩個元素的外邊距設定給乙個元素

合併規則:1.兩個外邊距的數值都為正數時,取較大的乙個;

2.兩個外邊距的數值都為負數時,取較小的乙個;

3.兩個外邊距的數值為一正一負時,直接相加。

css中外邊距的合併問題

1.父子級 給父元素新增邊框屬性 給父元素 子元素新增浮動屬性 給父元素 子元素新增定位屬性 給父元素設定overflow hidden屬性 有滾動條的不要用 給父元素設定display inline block 子級沒用 給本應該設定給子元素的外邊距設定給父元素的內邊距 父元素的內邊距變大了,盒子...

CSS外邊距合併的問題

外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。外邊距合併 疊加 是乙個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外...

CSS外邊距合併的問題

外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。外邊距合併 疊加 是乙個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外...