CSS 外边距合并

矫情吗；* 2022-10-22 09:18 187阅读 0赞

# CSS 外边距合并 #

![在这里插入图片描述][20210325192055399.gif]

> 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

> 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70 2]

[20210325192055399.gif]: /images/20221022/c8d3fc7d85274e7bb1d697f1d6a6e06f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70]: /images/20221022/7668f9d343644e82b63574acbbc2f142.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70 1]: /images/20221022/1fe29b068da7435cad3c35a7b2d1ac80.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hSVE9OWQ_size_16_color_FFFFFF_t_70 2]: /images/20221022/061e8fa437b74235a4a05605866d3b3d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关外边距合并(HTML、CSS)

外边距合并(HTML、CSS) <!DOCTYPE html> <html lang="en"> <head> <met

小灰灰/ 2023年10月03日 12:56/ 0 赞/ 4 阅读

相关 CSS 外边距合并

（原文：[https://www.w3school.com.cn/css/css\_margin\_collapsing.asp][https_www.w3school.com

系统管理员/ 2023年07月21日 06:12/ 0 赞/ 17 阅读

相关 CSS中的外边距合并问题

外边距合并问题父子级父元素会随着子元素一起拥有外边距。 a、给父元素添加一个overflow:hidden; b、把父元素设置为IE盒子,然后加paddi

水深无声/ 2023年03月05日 15:58/ 0 赞/ 5 阅读

相关上下外边距合并

当两个容器，一个有margin-top 一个含有margin-bottom时，两者之间的距离为，两者之间的最大值，而非两者之和。所以设置时，尽量设置一个，避免上下外边距合并的问

￡神魔★判官ぃ/ 2023年02月16日 12:08/ 0 赞/ 12 阅读

相关 CSS 外边距

CSS 外边距 ![在这里插入图片描述][20210325184513919.gif] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

痛定思痛。/ 2022年11月13日 04:29/ 0 赞/ 278 阅读

相关 CSS 外边距合并

CSS 外边距合并 ![在这里插入图片描述][20210325192055399.gif] > 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。 >

矫情吗；*/ 2022年10月22日 09:18/ 0 赞/ 188 阅读

相关 html外边距合并,外边距合并

外边距分开(叠加)是一个相称容易的观点。然则，在实践中对网页进行布局时，它会造成许多混同。简单地说，外边距兼并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。兼并后的

「爱情、让人受尽委屈。」/ 2022年10月06日 09:51/ 0 赞/ 210 阅读

相关 CSS外边距合并和CSS清除浮动

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

系统管理员/ 2022年05月17日 03:35/ 0 赞/ 213 阅读

相关垂直外边距合并

今天在复习html标签时，看到w3c对块级元素有这么一条额外注释 > 默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。之前确实也知

蔚落/ 2022年03月17日 12:50/ 0 赞/ 262 阅读

相关 CSS 外边距合并问题

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

青旅半醒/ 2021年12月03日 13:29/ 0 赞/ 319 阅读