x
 
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  margin: 0 0 50px 0;
}
h2 {
  margin: 20px 0 0 0;
}
</style>
</head>
<body>
<p>在此例中,h1 元素的下外边距为 50px,h2 元素的上外边距为 20px。然后,h1 和 h2 之间的垂直外边距应为 70px(50px + 20px)。但是,由于外边距叠加,实际外边距最终为 50px。</p>
<h1>标题 1</h1>
<h2>标题 2</h2>
</body>
</html>