由代码可见，给子元素添加margin-top样式并没有效果，反而父元素外边距增加了50px。
![图片描述][1]
![图片描述][2]
方法一
修改父元素高度，增加padding-top样式。
![图片描述][3]
方法二
给父元素增加overflow:hidden;样式。
![图片描述][4]
方法三
给父元素或者子元素增加float样式。
![图片描述][5]
![图片描述][6]
方法四
给父元素增加border样式。
![图片描述][7]
方法五
给父元素或者子元素添加绝对定位。
![图片描述][8]
![图片描述][9]
接下来就是效果图了。
![图片描述][10]
这篇推文有木有帮助你呢，更多好文章，欢迎关注我们公众号或者添加我微信，我们一起探讨前端开发。
![图片描述][1]
- 列表项
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦