如何让页脚停留在底部？

Question

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

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

下面有一个文本消息框...我已经尝试了所有内容，以便将该文本消息框放到页面底部，包括执行与他们示例中的twitter bootstrap相同的操作： getbootstrap.com/examples/sticky-footer-navbar/

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

请问有什么建议吗？昨天我整天都在唠叨这一天，现在，我已经厌倦了......

Answer 1

尝试页脚的绝对定位。

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

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

Answer 2

将以下属性添加到textbox

<强> DEMO HERE

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