Question

简而言之：我找不到将页脚放在页面底部的方法。

我试图依靠html：

<footer></footer>

我尝试使用bootstrap ui的课程：

<div class="modal-footer">

或

<div id="footer">
   <div class="container">
    ...
</div>

但没什么......它似乎没有用......

Answer 1

html, body {
  height: 100%;
}

.modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

我在页面的头部添加了一些css。首先，如果您检查页面，正文的长度只是页面的一半。因此，我们必须将它的高度设为100％才能占据整个页面。

其次，要将页脚放在页面底部，我们需要将其置于绝对，以便它将自己与其第一个定位的父对齐（在这种情况下为none，因为我们没有指定位置到任何其他元素），然后您可以将底部指定为0，以便它粘在底部。

这是我们可以将页脚放在底部的正常方式。你可以检查bootstrap是否有内置的东西。

希望这有帮助。