浏览器中，有两个嵌套关系的div，如果外层div父元素的padding值为0，那么内层div的margin-top或者margin-bottom的值会转移给外层div
原因：盒子没有获得haslayout造成margin-top无效
解决方法：
1、在父层div加上overflow:hidden;
2、把margin-top外边距改成padding-top内边距
3、父层div加padding-top:1px;
4、让父元素生成一个block formating context，以下属性可以实现：
float:left/right;
position:absolute;
display:inline-block/table-cell;
overflow:hidden/auto;
父层div加position:absolute;
版权声明：本文为kongjunchao159原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。