[css]当父元素的margin-top碰上子元素的margin-top

出现条件:父元素和子元素都设置了margin-top

现象:子元素的margin-top可能会失效,导致父元素和子元素粘连在一起

解决方法:

1.给父元素加padding-top:1px。

2.给父元素加border:1px solid transparent

3.给父元素加float:left

4.给父元素加overflow:hidden(我觉得最好的)

5.给子元素加display:inline-block

原文地址:https://www.cnblogs.com/zhangwenkan/p/5056286.html