作者qptw (老鱼儿)
看板Web_Design
标题[问题] css margin 之百思不其解呀????
时间Thu May 11 02:11:31 2017
各位版上的先进前辈大家好...
最近遇到一种情况觉得非常疑惑
有内外二个DIV
内层DIV已设定margin 50px
我以为应该是上下左右皆空出50px
但结果是只有左右有空出50px
上下没有....
请问各位大大这是为什麽呢??
如图示
http://i.imgur.com/5Xz39UJ.jpg
程式码
https://jsfiddle.net/mbs95yzx/
先谢谢各位大大的指教...
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.163.18.24
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1494439895.A.167.html
1F：推 iamnodoubt: google collapsing margins, .aa加上overflow:auto; 05/11 02:46
2F：推 EPGo: 这个特性只存在block，目的是使上下两个block之间不会有 05/11 10:31
3F：→ EPGo: 双倍的距离 05/11 10:31
4F：推 wooji: 请问为什麽加上overflow auto会恢复margin 05/11 10:36
7F：→ qptw: 还是觉得很疑惑,如果目的是使上下二个BLOCK不会有双倍的距离 05/11 16:45
8F：→ qptw: 那麽.BB的下面已经没有其它的BLOCK了,为什麽MARGIN还是没有 05/11 16:46
9F：推 eight0: /margin 05/11 18:40