是否有纯粹的CSS方式让酒吧停留在同一个地方？

Question

类似于某些Facebook功能，如聊天链接，无论您是否滚动，它都会始终位于页面的同一位置。
是否有一种简单的纯CSS方式来实现这一点？ 这是一个非常简单的HTML：

<div id='constant-bar'> some background some text</div>
<p>content</p>
<p>content</p>
<p>content</p>
.... X 1000
<p>content</p>

我现在非常关心IE＆gt; 8和FF＆gt; 5和chrome，Safari最新版本。我的代码将从今天起只发布一段时间

Answer 1

查看CSS属性fixed：

position: fixed;

Example

Answer 2

研究position:fixed

目前许多移动浏览器都不支持它，旧的Internet Explorer版本（IE <7）也不支持它。此外，IE 7 has a strange bug。

如果您希望它拉伸页面的整个高度，您还必须查看它。 This tutorial might help