[问题] 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