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