父元素与子元素之间的margin-top问题

由代码可见，给子元素添加margin-top样式并没有效果，反而父元素外边距增加了50px。
![图片描述][1]

![图片描述][2]

方法一
修改父元素高度，增加padding-top样式。
![图片描述][3]
方法二
给父元素增加overflow:hidden;样式。
![图片描述][4]
方法三
给父元素或者子元素增加float样式。
![图片描述][5]
![图片描述][6]
方法四
给父元素增加border样式。
![图片描述][7]
方法五
给父元素或者子元素添加绝对定位。
![图片描述][8]
![图片描述][9]

接下来就是效果图了。
![图片描述][10]
这篇推文有木有帮助你呢，更多好文章，欢迎关注我们公众号或者添加我微信，我们一起探讨前端开发。
![图片描述][1]

1. 列表项