第十一天

外边距合并

第一种外边距合并的情况:

当两个块级元素,上面块级元素拥有下外边距(margin-bottom),下面的块级元素拥有上外边距(margin-top)的时候。则两个盒子上下的距离会取两个边距的最大值。不是把两个盒子的边距进行相加。

第二种外边距合并的情况:

对于两个嵌套的块元素。如果父元素没有设置上边框和上内边距的话,父元素的上边距会和子元素的上边距发生合并,合并后的外边距为两者的最大值,即使父元素上边距为0,也会发生合并。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,839评论 1 92
  • css兼容性 css兼容性说白了就是为了照顾旧版本的浏览器,因为新版本的浏览器都很符合w3c规范。针对不同浏览器,...
    印象rcj阅读 202评论 0 0
  • 一、在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例 在CSS当中,相...
    dengpan阅读 612评论 0 0
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,900评论 0 6
  • 你没那么重要,也别太把自己当回事 你还没有足够让别人羡慕的资本 你有自己的脾气,请你收敛收敛 我们每个人其实都一样...
    北方小确幸阅读 1,352评论 0 3