margin-top无效解决方法

浏览器中，有两个嵌套关系的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;