如何让页脚留在底部？

Question

好的，所以我创建了一个线框来详细说明情况：https://wireframe.cc/cQsG8D

基本上我有一个页面（在 HAML 中，如果这有什么不同的话）......其中有一个可滚动的视口，其高度当前设置为 360px。

它下面有一个文本消息框...我已经尝试了所有方法来将该文本消息框放到页面底部，包括执行 twitter bootstrap 在他们的示例中所做的相同操作：@987654322 @

如果可能的话，我希望能够摆脱视口的高度要求，并将文本消息框留在页面底部。

有什么建议吗？昨天我几乎整天都在琢磨这个，现在，我已经厌倦了......

Answer 1

尝试对页脚进行绝对定位。

.bottom-footer {
  position: absolute;
  bottom: 0;
}

如果您希望它具有粘性，请将 position: absolute 替换为 position: fixed

Answer 2

将以下属性添加到您的textbox

DEMO HERE

#txtBottom
{
    position:fixed;
    bottom:0px;
}