div嵌套中子层margin-top不起作用的处理方法

在DIV嵌套中，子层的margin-top设置不起作用，而且会移动到上层的现象。很困惑，于是查阅了很多资料，最后才发现问题的所在，是因为盒子没有获得 haslayout  造成 margin-top无效。
解决的方法如下：
1、在父层div加上：overflow:hidden。
2、把margin-top外边距改成padding-top内边距。
3、父元素产生边距重叠的边有不为 0 的 padding 或宽度不为 0 且 style 不为 none 的 border。    父层div加： padding-top: 1px;
4、让父元素生成一个 block formating context，以下属性可以实现
    * float: left/right
    * position: absolute
    * display: inline-block/table-cell(或其他 table 类型)
    * overflow: hidden/auto
   父层div加：position: absolute;