文章目錄
-
- 什麼是margin縱向重疊
- margin的幾個屬性設定負值會怎樣
- 怎樣了解BFC
什麼是margin縱向重疊
margin的幾個屬性設定負值會怎樣
margin-top和margin-left設定負值，元素向上向左移動
如下圖：
測試原圖
如果針對item1設定
原圖中的item1發生改變向上移動20px
如果針對item3元素設定
item3就會被向左移動20px如下圖
margin-right設定負值，右側元素左移，自身不受影響
如果用以上原圖針對item3設定
item4就會向左移動20px和item3重疊如下
margin-bottom負值，下方元素上移，自身不受影響
如果以上面的原圖設定item1
item2就會向上移動20px和item1重疊
怎樣了解BFC
形成BFC的常見條件
- float不用none
- float不用none
- overflow不用visible
- display用flex 和inline-block
BFC具體細節可以看這篇文章（轉載）
看完覺得有用的兄弟評論配合說一句