Question

如果你只需要担心Firefox和Webkit浏览器，你会用什么CSS来使页面底部的HTML粘贴到页面底部？ 注意：我不想在页面中添加任何标记。

<html>
    <body>
        <header>...</header>
        <article>...</article>
        <aside>...</aside>
        <footer>...</footer>
    </body>
</html>

Answer 1

只需将位置设置为固定并将底部设置为0：

footer
{
   position:fixed;
   bottom:0;
}

为我在FF，IE7，IE8等处理一个款待。这是我在我的一个网站上的实际CSS for footer（一个ID为footer的div）：

#footer
{
 clear:both;
 color:#FFF;
 background:#666;
 bottom:0;
 border:solid 1px #333;
 height:30px;
 width:100%;
 min-width:950px;
 position:fixed;
 z-index:100;
}

Answer 2

尝试使用position:fixed

您可以执行以下操作：

footer { position:fixed; bottom:0; }

值得注意的是，由于您使用的是<footer>标记，因此您不应将＃在“页脚”前面放入CSS中，因为使用#footer引用ID为“页脚'，而不是页脚元素本身

Answer 3

div#footer { position:fixed; bottom:0; }是要走的路

使页脚粘贴到页面底部而无需额外的标记

3 个答案: