固定页面底部的页脚

Question

我想在页面底部固定页脚，我尝试了CSS

 #footer {
    position: absolute;
    botom: 0;
}`

HTML

​

<div class="row">

    <div style="width: 155px; float: right;">
        <a href="http://zazoo.com/privacy/">Privée </a> | <a href="http://zazoo.com/terms-of-service/"> Conditions </a>
    </div>
</div>
<footer>
    <hr>
    <p>
        zAZOO est un service de sTELLA SAS, 40, rue Raymond debré, 93450, St denis,<br /> France, RCS 510 752 645 NANTERRE
    </p>
</footer>

​

Answer 1

在此演示中，尝试不使用id来footer html5标签

footer{
    position:fixed;
    bottom:0;
}

DEMO

或

使用#footer，你可以使用下面的演示。

DEMO

#footer{
    position:fixed;
    bottom:0;
}

Answer 2

首先纠正打字错误。接下来，页脚不是ID，而是元素的名称，因此您必须使用：

footer {
    position: absolute;
    bottom: 0;
}

工作示例：

http://jsfiddle.net/kqJrf/

Answer 3

您的css需要进行较小的编辑。这是有效的。

 footer {
    position: absolute;
    bottom: 0;
}

http://jsfiddle.net/qVVWr/