Set - 使用百分比值设置文本的下边距 - 这个例子演示了如何设置使用百分比值的下边距，相对于包含的元素的宽度。 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p.bottommargin {
      margin-bottom: 25%;
    }
  </style>
</head>
<body>

  <p>这是一个没有指定边距大小的段落。</p>
  <p class="bottommargin">这是一个指定下边距大小的段落。</p>
  <p>这是一个没有指定边距大小的段落。</p>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p.bottommargin {
      margin-bottom: 25%;
    }
  </style>
</head>
<body>
​
  <p>这是一个没有指定边距大小的段落。</p>
  <p class="bottommargin">这是一个指定下边距大小的段落。</p>
  <p>这是一个没有指定边距大小的段落。</p>
​
</body>
</html>