div嵌套时，子元素设置margin-top失效问题

这是因为父元素的padding设置为0时所产生的bug,它自动将margin-top提升到了父元素上，所以此时我们所设置的margin-top自动就到父元素上了，解决方案：

1.给父元素添加一个padding,例如：padding-top:1px;

2.给父元素设置overflow:hidden;

3.把子元素设置成一个BFC,例如：{display:table-cell;position:absolute;overflow:hidden},父元素的位置设置为绝对定位。

 

转载于:https://www.cnblogs.com/LULULI/p/7736933.html