2015-10-16 146 views
0

我有一个问题,我的页脚只粘贴到索引页面的底部,应用任何类型的“粘脚”CSS都会修复页脚页面,但打破索引页脚。如其中,它漂浮起来。页脚不粘在索引页底部

这是一般的CSS我已经试过:

position: absolute; 
bottom: 0; 
width: 100%; 

再次,适用于大多数其他网页正常,但是没有索引。

你可以看到我在这里住指数:http://goo.gl/XUUCjW

和非粘性页脚在我的页面在这里的一个例子:http://goo.gl/uhd1h4

+0

将绝对位置设置为相对.. –

+0

索引页上的页脚也不粘。 – jQuery00

+2

http://mystrd.at/modern-clean-css-sticky-footer/试试这个 – jQuery00

回答

0

的方式我解决这个得到的是要做到以下几点:

html { 
    position: relative; 
    min-height: 100%; 
} 

body { 
    margin-bottom: 60px; 
} 

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

身体底部边缘的原因是,当您将页脚推到底部时,它会覆盖其上的所有内容。我发现60px对我来说效果不错,但是您可能会有更深或更小的页脚,请相应地进行调整。