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

在此演示中使用footer html5标记时，请尝试使用此ID

footer{
    position:fixed;
    bottom:0;
}

DEMO

OR

并使用#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/

Answer 4

Fags说的方式很好，但请注意，页脚元素是供浏览器理解页面内容的，而不是样式。最好是这样使用它：

HTML

<footer id="main-footer">
    <p>Some Text is here</p>
</footer>

CSS

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

为此元素提供id或类的第二个原因是，如果您使用HTML5，则您将在页面上使用多个元素。

修复页脚底部

4 个答案: