外边距

梗概:

margin: 上 下 左 右, 如margin 2px 3px 2px 4px

注意

• padding-top 和 padding-bottom 的百分比是基于父元素的宽度计算的，而不是高度。这是CSS规范中定义的一个特殊规则。 ^y4gjzm
  • 同理，margin-top 和 margin-bottom 的百分比也是基于父元素的宽度计算的。

使用场景

• 需要在 border 外侧添加空白
• 空白处不需要背景色
• 上下相连的两个盒子之间的空白，需要相互抵消时。
  • 即外边距重叠

教程链接:

(CSS margin 属性 (w3school.com.cn))