父子元素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)

 

posted @ 2018-04-24 10:13  呱呱二号  阅读(206)  评论(0编辑  收藏  举报