2016-07-31 78 views
2

我想要的东西似乎很简单,但我无法实现! 。:(Bootstrap Web Template:如何将页脚元素粘贴到页面的底部?

我试图修改和使用给予here网页模板例子然而,有几个问题:

首先,我要页脚是在任何时候在页面底部在。在给出的示例中,页脚看起来像页面底部的页脚,因为它只使用浏览器的一小部分,但如果将代码作为独立页面运行,则可以看到它不会卡在底部

其次,我也不喜欢下面这一行,我不想指定一个高度,

.row.content {height: 450px} 

我怎样才能同时达到这两个目标?

+0

什么是页脚中的问题?它响应迅速。为此目的,你不能修复你的页脚。 –

+0

身高:自动或身高:10%。页脚{位置是:固定; bottom:0px} –

+0

@黑鸟我的内容是固定的,如果我可以将页脚粘到页面的底部,它会很好。 – RGO

回答

3

这个问题已经被问过很多次,但这里的代码反正:

footer { 
    bottom: 0; 
    position: fixed; 
    width: 100%; 
} 
.row.content { 
    position: fixed; 
    height: 100%; 
} 
+0

如何摆脱'.row.content {height:450px}'? – RGO

+2

使用.row.content {position:fixed; height:100%;} – Ppster

+0

它现在正在工作,谢谢! – RGO