首页 > 试题广场 >

双边距重叠问题（外边距折叠）

[问答题]

请你介绍一下双边距重叠触发的条件是什么？折叠的结果是什么？

539862319

同一个BFC（块级格式化上下文）内部，相邻的两个盒子上下外边距（margin）会发生重叠。重叠之后的结果是这两个盒子相邻部分的垂直外边距取两者中较大的那个数值。

发表于 2019-07-17 14:43:50 回复(0)

undefined`

1. 同一个BFC（块级格式化上下文）内部，相邻的两个盒子上下外边距（margin）会发生重叠

2. 重叠的结果分3种情况：两个margin都是正数，以较大的那个为准；两个margin一正一负，结果是两者之和；两个margin都是负数，以绝对值大的那个为准；

发表于 2020-08-19 10:02:25 回复(0)

快鸟

发表于 2019-09-06 11:49:04 回复(0)

球球佛祖让我上岸

BFC

发表于 2019-07-10 21:04:56 回复(0)

小菜🐔

假设box设置margin-left:10px; float:left: ie6浏览器就会出现双边距,实际产生的效果是margin-left:20px;

解决办法: 给box加上:_dispaly:inline;

发表于 2019-03-15 14:54:26 回复(0)

爱笑的能能

浮动和margin方向相同双重margin现象

发表于 2019-03-07 09:24:16 回复(0)

greatli

flat :left

发表于 2019-02-21 13:17:53 回复(0)

提交观点

问题信息

前端工程师 HTML

上传者：小小

难度：

7条回答 22收藏 3155浏览

扫一扫，把题目装进口袋