Javascript Facebook如何将工具栏保持在页面底部？

我喜欢把工具栏放在页面底部的方式

这需要跨浏览器忍者技能吗

---

他们的/文件很大，因此我很难缩小实现范围（为了学习目的）。

您可以达到效果。

这里是一个基本示例。不，它不需要跨浏览器忍者技能。=）

Facebook酒吧
身体{
边际：0px；
填充：0px；
溢出：隐藏；
}
#页面{
利润率：10px；
溢出：自动；
身高：93%；
}
#底部{
宽度：100%；
背景#18f8f8；
文本对齐：居中；
}
第页的其他内容
底部的东西在这里

最好是安装，看看他们是如何做到的。当我在web上看到有趣的东西时，Firebug是分析其HTML结构、附加CSS的最佳方法，您甚至可以直接修改CSS/HTML结构以查看其变化。你在网站上看到的一切都可以简单地阅读。请记住，源代码（HTML、CSS、JavaScript）随附：）

对于内容超出浏览器窗口底部的页面，该解决方案不起作用

请尝试以下方法：

<div style="display: block;
position: fixed;
text-align: center;
    z-index:1000;
bottom: 0;
left: 0;
width: 100%;
color: #999999;
clear: both;
height: 15px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #b5b6b5;
background-repeat: repeat-x;
border-right-style: solid;
border-left-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #b5b6b5;
border-left-color: #b5b6b5;
background-color: #e7e7e7;"></div>

您的意思是，他们如何将其放置在窗口底部，或者如何通过多个页面请求使其保持在窗口底部？他们如何将其放置在页面底部。我不知道当你转到另一个页面时它不会重新加载？在大多数情况下，它不会。他们在这一部分使用ajax技巧。他们就是这样实现的吗？（当然是高层次的）看起来你们的代码被吃掉了。使用“代码”按钮（1010）将其包装，使其不会消失。

<div style="display: block;
position: fixed;
text-align: center;
    z-index:1000;
bottom: 0;
left: 0;
width: 100%;
color: #999999;
clear: both;
height: 15px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #b5b6b5;
background-repeat: repeat-x;
border-right-style: solid;
border-left-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #b5b6b5;
border-left-color: #b5b6b5;
background-color: #e7e7e7;"></div>