HTML中的嵌套的div，子DIV设置的margin样式怎么变成父DIV的样式了_html/css_WEB-ITnose

回复讨论(解决方案)

有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外层div

u013472677:有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外层div

为什么呢？感觉就像Bug一样啊

垂直外边距合并问题,建议你看看 http://www.w3school.com.cn/css/css_margin_collapsing.asp
常用解决方法无非是
1.设置父元素的padding-top或者bottom(记得设置padding后要重新计算父元素的高度).
2.给父元素添加属性overflow:hidden
其余还有一些方法不过限制条件有些多, 乱用可能造成更多页面bug,让你疯掉.