[問題] css margin 之百思不其解呀????

作者: qptw (老魚兒)   2017-05-11 02:11:31
各位版上的先進前輩大家好...
最近遇到一種情況覺得非常疑惑
有內外二個DIV
內層DIV已設定margin 50px
我以為應該是上下左右皆空出50px
但結果是只有左右有空出50px
上下沒有....
請問各位大大這是為什麼呢??
如圖示
http://i.imgur.com/5Xz39UJ.jpg
程式碼
https://jsfiddle.net/mbs95yzx/
先謝謝各位大大的指教...
作者: iamnodoubt (Have Fun)   2017-05-11 02:46:00
google collapsing margins, .aa加上overflow:auto;
作者: EPGo   2017-05-11 10:31:00
這個特性只存在block,目的是使上下兩個block之間不會有雙倍的距離
作者: wooji (Merry Christmas!)   2017-05-11 10:36:00
請問為什麼加上overflow auto會恢復margin
作者: qptw (老魚兒)   2017-05-11 16:42:00
好奇怪,上下margin跑到外層外面了http://i.imgur.com/NJ5EN0http://i.imgur.com/NJ5EN0u.jpg還是覺得很疑惑,如果目的是使上下二個BLOCK不會有雙倍的距離那麼.BB的下面已經沒有其它的BLOCK了,為什麼MARGIN還是沒有
作者: eight0 (欸XD)   2017-05-11 18:40:00
/margin

Links booklink

Contact Us: admin [ a t ] ucptt.com