如何保持页脚在页面底部（HTML Javascript CSS）

如何保持页脚在页面底部？这是我的密码：

<footer> Copyright 2013 All rights reserved.

版权所有2013保留所有权利。

就这样。是否有任何CSS可以用来将页脚下移到页面底部，因为当我使用<代码> <代码>代码时，它停留在中间而不是底部。

你可以使用CSS:

.footer {
    position:fixed;bottom:0;

    width:100%;
    display:block;
}

1） 给

一个100%的高度

body { height:100%; }

2） 假设HTML结构如下所示：

<div id="container">
  some content
</div>
<footer>
  Copyright 2013 All rights reserved.
</footer>

我使用：

#footerbox {
height:125px;width:55%;
background: #333;
position:absolute;
bottom:50px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
color:#FF9966;
font: normal 13px verdana, sans-serif;

我建议将高度设置为您喜欢的任何值，但我会将其保留得更大，以便在其中包含所有信息，如法律资料、联系信息等。然后，对于副本权限，我使用

#copyright {
height:20px;width:55%;
background: #333;
position:absolute;
bottom:50px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
font: normal 13px verdana, sans-serif;
border-top:2px solid #FF9966;
}

希望这能有所帮助。您还可以将宽度设置为所需的像素或百分比。如果你想要的话，把它贴在底部并不难。要使版权与较大的页脚重叠，只需使用

.class{
clear:both;
}

在CSS的顶部，然后像这样清除HTML中的p标记

<div id="copyright">
<p class="clear">&copy herp derp</p>
</div>

&复制herp derp

你能在这里写一个演示吗？这样会使页脚粘在浏览器窗口的底部，在任何时候都可见，如果页面较长，就会与其他内容重叠。我认为OP需要澄清他们是否想要这样做，如果这只是关于没有达到折叠的较短页面。如果OP想要其他东西，我会使用jquery waypoints（）来监听滚动点（或其他元素）的位置，当达到阈值时，执行上述操作。

<div id="copyright">
<p class="clear">&copy herp derp</p>
</div>