不同浏览器中的外边距折叠行为不同。
创始人
2025-01-09 10:30:20
0次

使用 BFC（块级格式化上下文）或者给元素添加其它样式属性来解决。 以下是两个解决方案示例：

  1. 使用 BFC： 在某个元素上触发一个新的 BFC，可以有效地阻止外边距的折叠。 示例代码：
.parent {
  overflow: auto;
}

.child {
  margin: 10px;
}

在上面的代码中，给父元素（.parent）添加了 overflow: auto，这将触发 BFC。因此，子元素（.child）的外边距不再和父元素的外边距折叠，而是与内部的内容或者其它元素的外边距折叠。

  1. 添加其它样式属性： 给元素添加其它样式属性，例如 padding 或者 border，也可以防止外边距的折叠。 示例代码：
.parent {
  padding: 1px;
}

.child {
  margin: 10px;
}

在上面的代码中，给父元素（.parent）添加了 padding: 1px，这将在父元素的周围创建一些空间，从而防止其外边距和子元素的外边距折叠。注意，这种方法可能会对布局产生一些影响，需要根据具体情况进行调整。

上一篇：不同浏览器中的图像大小不同。

下一篇：不同浏览器中的WebGPU和白屏问题

相关内容

热门资讯

经调查！aapoker ai插... 经调查！aapoker ai插件，德普之星app安卓版破解版，果然确实有挂（有挂讲解）1、游戏颠覆性...
玩家必看科普！福建天天开心辅助... 玩家必看科普！福建天天开心辅助软件，超级三加一视频，详细方法（了解有挂）1、福建天天开心辅助软件模拟...
有了最新消息！hhpoker有... 有了最新消息！hhpoker有没有作弊辅助，德普之星辅助器怎么用，一贯存在有挂（有挂方略）1、德普之...
盘点一款！闲逸游戏辅助软件下载... 盘点一款！闲逸游戏辅助软件下载，博雅棋牌辅助器，详细方法（有挂秘诀）1、下载好闲逸游戏辅助软件下载正...
一直以来！agpoker辅助，... 一直以来！agpoker辅助，德普之星辅助工具如何设置，一直是有挂（有挂神器）1.德普之星辅助工具如...
玩家科普！wepoker辅助，... 玩家科普！wepoker辅助，宝宝游戏辅助，详细脚本（有挂功能）宝宝游戏辅助透视方法中分为三种模型：...
2026版教程！wpk作弊是真... 2026版教程！wpk作弊是真的吗，智星德州辅助译码插件靠谱吗，原来真的是有挂（有挂详情）智星德州辅...
必看攻略！川南休闲辅助，微信老... 必看攻略！川南休闲辅助，微信老友广东辅助，详细器（详细教程）微信老友广东辅助破解侠是真的助透视。每个...
今天下午！wepoker免费透... 今天下午！wepoker免费透视脚本，德普之星透视辅助软件是真的吗，真是是真的有挂（今日头条）德普之...
实测教程！微信小程序外辅助工具... 实测教程！微信小程序外辅助工具，网易亲友圈辅助，详细工具（有挂功能）1、这是跨平台的微信小程序外辅助...