如何将一个DIV固定在页面底部？

Question

我有一个固定宽度的DIV，我想让它保持在浏览器窗口视图的底部。

不幸的是，我不知道该从哪里开始实现。

显然，第一件事是将 position 设置为 fixed。但除此之外... 一无所知。

- Nathan Osman

---

检查这种情况的好方法是安装火狐浏览器的Firebug插件，并检查使用你试图实现的效果的页面。 - Frankie

Answer 1

请参考css-tricks网站：

固定页脚

CSS：

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

- Sarfraz

---

这是一个适合喜欢现代浏览器和不包含不必要库依赖（cssstickyfooter.com）的人的好解决方案。 - user67416

底部带表达式的内容在页面加载时固定在底部，但随页面滚动而滚动。 - Sacky San

Answer 2

#mydiv{
   position: fixed;
   bottom: 0px;
}

- airportyh

---

你应该查看我发布的链接。IE和Opera需要进行修复。 - Oren Hizkiya