我想要的似乎很简单,但我无法实现它! :(
我正在尝试修改和使用给定here的Web模板示例。但是,有一些问题:
首先,我希望页脚始终位于页面底部。在给定的示例中,页脚看起来像页面底部的页脚,因为它只使用了浏览器的一小部分。但是,如果您将代码作为独立页面运行,则会看到它没有停留在底部。
其次,我也不喜欢下面这行。我不想指定高度。
.row.content {height: 450px}
我如何同时实现这两个目标?
答案 0 :(得分:3)
这个问题已被多次询问,但这里仍然是代码:
footer {
bottom: 0;
position: fixed;
width: 100%;
}
.row.content {
position: fixed;
height: 100%;
}