父子元素margin-top的解决办法及原因

1、修改父元素的高度，增加padding-top样式模拟（padding-top：1px；常用） 
2、为父元素添加overflow：hidden；样式即可（完美） 
3、为父元素或者子元素声明浮动（float：left；可用） 
4、为父元素添加border（border:1px solid transparent可用） 
5、为父元素或者子元素声明绝对定位

 

 

参考链接：父元素与子元素之间的margin-top问题(css hack)

 

转载于:https://www.cnblogs.com/guaguaerhao/p/8926522.html