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 problem

ありがとう！

4

1 に答える 1

1

それはうまくいっています。

別のものを追加するだけです

<section></section>

余白を見る

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