萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 談談CSS的邊距合並的方法

談談CSS的邊距合並的方法

大家知道CSS的邊距合並1嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。其實淺析CSS的外邊距合並的話,是很容易明白是怎麼一回事兒的。但是如果想要深入了解margin這個神奇的屬性,那可得費一番功夫了。

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

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

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

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

其實CSS的外邊距合並就是這麼一點點東西。我拿出來講是因為,看了好多人的代碼,都喜歡把margin和padding混在一起。不管用的是 padding還是margin,只要最終顯示效果和自己想象的一致,他們覺得就達到目的了。有時候用margin,遇到了邊距合並卻不知道怎麼回事,或者說不知道怎麼解決,然後就想出各種法子“制造”自己想要的效果(例如加多一個空元素撐開留白)。但是其實我想說,這樣使用margin和 padding,根本就不是W3C制定padding和margin時候的本意。

相信大家已經學會CSS的邊距合並了吧!感謝大家對我們網站的支持!

相關推薦:

css中水平垂直居中對齊布局的方法 

copyright © 萬盛學電腦網 all rights reserved