CSS 外边距(margin)折叠

正在阅读下面文章的是一个七岁的孩子,你该如何表达才能让他理解以下技术内容?(费曼学习法

你这篇文章要解决的最重要问题是什么?

https://www.w3schools.com/Css/css_margin_collapse.asp

上下外边距有时会折叠成一个。新的外边距的大小,取决于两者间最大的那一个。

左右外边距不发生折叠,仅发生在顶部和底部。

例子:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
h1 {
  margin: 0 0 50px 0;
}
h2 {
  margin: 20px 0 0 0;
}



如希望撰写评论,请发邮件至 me@tianhegao.com (直接点击邮箱可自动跳转至默认邮箱App,并填写收信人和邮件主题)或者点击这里在线留言,我会挑选对读者有价值的评论附加到文章末尾。



可通过以下渠道赞赏此文