0

我无法将margin-bottom属性添加到已拉伸以匹配浏览器高度的元素。例子:

HTML

<body>
    <section></section>
</body>

CSS

  html, body {
      height: 100%;
      min-height: 100%;
      background-color: #FFF;
  }
  section {
      height: 100%;
      min-height: 100%;
      margin-bottom: 50%;
      background-color: #000;
  }

像素和百分比值都不能扩展 margin-bottom 属性。

附件是一个说明我的问题的jsfiddle:margin-bottom问题

谢谢!

4

1 回答 1

1

它工作正常。

只需添加另一个

<section></section> 

看边距

<body>
<section>hello</section>
<section>yo</section>
</body>
于 2013-10-05T13:37:15.180 回答