上下兩個div設置margin爲20px,兩個div的間距是多少,爲什麼?

答案是20
你們可能會想爲什麼不是40呢?這就要好好理解一下盒子模型了(如下圖所示)
在這裏插入圖片描述
盒子的大小由內容,內邊距和邊框決定,外邊距只是用來吧周圍的東西擠開並不算在盒子的大小裏面。也就是說外邊距只與自身有關,並不影響其他盒子的距離計算。
換句話說就是上下兩個div設置margin,最終的距離由大的決定
例如:上下兩個div設置margin分別爲20px,30px,兩個div的間距是30px

發佈了12 篇原創文章 · 獲贊 6 · 訪問量 2337
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章