css margin合并 为什么子元素的margin-top把父元素也给撑下来了

比如这样
我们的本意是这样

我们只需要在父容器上加上一个overflow:hidden问题就解决了




块级元素的上边距与下边距有时会拼合成一个外边距,这样的现象称为“margin合并”

margin合并出现的条件:

  • 块级元素
  • 只发生在垂直方向

margin合并的3种场景:

  • 相邻兄弟元素margin合并
  • 父级和第一个/最后一个子元素(上边的情形)
  • 空块级元素margin合并
全部评论

相关推荐

程序员花海:实习和校招简历正确格式应该是教育背景+实习+项目经历+个人评价 其中项目经历注意要体现业务 实习经历里面的业务更是要自圆其说 简历模板尽可能保持干净整洁 不要太花哨的
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务