談談CSS的邊距合併之我的理解

2022-09-25 05:30:13 字數 799 閱讀 8794

今天通過和一些師弟的交流,發現他們對外邊距合併不是很理解。

其實**css的外邊距合併的話,是很容易明白aatgd是怎麼一回事兒的。但是如果想要深入了解margin這個神奇的屬性,那可得費一番功夫了。

我是乙個菜鳥,在這裡當然不會解釋得太複雜,在這裡我只是想談談我對外邊距合併的理解。

其實要理解清楚什麼是外邊距合併,最簡單的方法就是自己動手試試。我認為,理解外邊距合併的關鍵就在於理解這句話:「只要接觸,就合併」。

什麼叫「只要接觸,就合併」呢?其實理解起來就是:當兩個元素的外邊距相接觸,它們就融合了。什麼時候就能接觸呢?就是當兩個元素都沒有邊框屬性和內邊距屬性。

還是聽不懂?那就不是我所力所能及的範疇了。因為你沒有理解什麼是盒模型了。 www.cppcns.com

其實css的外邊距合併就是這麼一點點東西。我拿出來講是因為,看了好多人的**,都喜歡把margin和padding混在一起。不管用的是padding還是mar程式設計客棧gin,只要最終顯示效果和自己想象的一致,他們覺得就達到目的了。有時候用margin,遇到了邊距合併卻不知道怎麼回事,或者說不知道怎麼解決,然後就想出各種法子「製造」自己想要的效果(例如加多乙個空元素撐開留白)。但是其實我想說,這樣使用margin和padding,根本就不是w3c制定pwww.cppcns.comadding和margin時候的本意。

好吧,小小地吐槽了一下,也不想說多什麼東西,因為別人寫的比我更深入更細緻。這裡給幾篇文章的位址,有助於大家加深對margin和padding使用的理解。

本文標題: 談談css的邊距合併之我的理解

本文位址: /web/css/81092.html

CSS的外邊距合併

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

CSS外邊距合併的問題

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

CSS外邊距合併的問題

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