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

[qptw (老魚兒)]

各位版上的先進前輩大家好...
最近遇到一種情況覺得非常疑惑
有內外二個DIV
內層DIV已設定margin 50px
我以為應該是上下左右皆空出50px
但結果是只有左右有空出50px
上下沒有....
請問各位大大這是為什麼呢??

如圖示
http://i.imgur.com/5Xz39UJ.jpg

程式碼
https://jsfiddle.net/mbs95yzx/

先謝謝各位大大的指教...

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.163.18.24
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1494439895.A.167.html
推 iamnodoubt: google collapsing margins, .aa加上overflow:auto;
推 EPGo: 這個特性只存在block，目的是使上下兩個block之間不會有
→ EPGo: 雙倍的距離
推 wooji: 請問為什麼加上overflow auto會恢復margin
→ qptw: 好奇怪,上下margin跑到外層外面了http://i.imgur.com/NJ5EN0
→ qptw: http://i.imgur.com/NJ5EN0u.jpg
→ qptw: 還是覺得很疑惑,如果目的是使上下二個BLOCK不會有雙倍的距離
→ qptw: 那麼.BB的下面已經沒有其它的BLOCK了,為什麼MARGIN還是沒有
推 eight0: /margin