在设置外边距的时候,什么时候是合并的?

在设置外边距的时候,什么时候是合并的?

这个知识只知道有这么个知识,可是实际运用中,怎么觉得好像都是不合并的啊

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
卡布琦诺 2018-02-07 16:17:36

外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并,即:

http://img1.sycdn.imooc.com//climg/5a7ab5a6000126e005040309.jpg

当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并,即:

http://img1.sycdn.imooc.com//climg/5a7ab60c0001c6a405040195.jpg

希望可以帮到你~

  • haledai #1
    两个div向左浮动时,左右的外边距为什么不会融合?
    2018-06-08 18:02:01
  • 卡布琦诺 回复 haledai #2
    ​在规范文档中,2个或以上的块级盒模型相邻的垂直margin会重叠(水平边距永远不会重合)。最终的margin值计算方法如下: (1)全部都为正值,取最大者; (2)不全是正值,则都取绝对值,然后用正值减去最大值; (3)没有正值,则都取绝对值,然后用0减去最大值。 需要注意的一点是:只有普通文档流中的块框的垂直外边距才会发生外边距叠加,行内框、浮动框或者绝对定位框之间的外边距不会发生叠加。 希望可以帮到你!
    2018-06-08 18:21:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师