外邊距的垂直方向上的合併現象

2021-07-27 19:15:14 字數 699 閱讀 6648

補充乙個屬性知識點:

overflow屬性:如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行為.

---------------------------分割線--------------------------

在此之前我們都學習了margin屬性,這是乙個外邊距屬性。

水平方向上的外邊距是可以疊加的。

這是怎麼個意思呢?

例如:

我是span

我是span

我是div

我是div

左邊的span標籤距離右邊的span標籤是50px,而右邊的span標籤距離左邊的span是100px,因此通過水平方向上的外邊距疊加可以得知:兩個span標籤的水平外邊距是150px

但是在垂直方向上,就會出現外邊距的合併現象:

在垂直方向上,預設情況下外邊距是不會疊加的,會出項合併現象(誰的外邊距比較大,就聽誰的)

例如:

我是span

我是span

我是div

我是div

可以通過兩個div標籤的垂直方向的外邊距來仔細理解一下 外邊距的垂直方向上的 外邊距合併現象

css中外邊距合併垂直方向上父子之間兄弟之間

首先,我們先來看一下什麼是外邊距合併。外邊距合併 疊加 是乙個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。當乙個元素出現在另乙個元素上面時,第...

垂直外邊距合併問題

簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。實際工作中,垂直外邊距合併問題常見於第乙個子元素的margin top會頂開父元素與父元素相鄰元素的間距,而且只在標準瀏覽器下 firffox chrome ope...

垂直外邊距合併問題

別被上面這個名詞給嚇倒了,簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。你可以檢視w3shool css外邊距合併了解這個基本知識。實際工作中,垂直外邊距合併問題常見於第乙個子元素的margin top會頂開父...