如何让行一直到页面底部？

Question

我正在为我的wbe app使用bootstrap网格。我想知道我怎么能一直到页面底部 - 如果没有其他内容。在其他情况下，如果有一些内容，我希望尽可能多地扩展div。

谢谢！

Answer 1

如果要将div扩展到全高。您需要将height: 100%添加到包含div的所有包装器中，包括div本身。这是代码。

<div class="row">
  <div class="full">

  </div>
</div>

并且需要CSS。

html, body, .row {
  height: 100%;
  margin: 0;
  padding: 0;
}

.full {
  background: pink;
  height:100%;
}

如果container类包含row，则必须包含其他内容。

以下是JSFiddle或Codepen。无论你喜欢什么： - ）