在一个div中固定另一个div的位置

Question

我的基本布局是一个包含几个div的div - http://jsfiddle.net/nxPhy/ - 我正在寻找一种CSS方法，使得const div始终可见，无论父div是否水平滚动（因此只有content div实际上被滚动）。

- Amit

Answer 1

将position: relative;添加到容器中，删除浮动并将position: fixed;添加到您想要固定的块中。

结果：

http://jsfiddle.net/nxPhy/1/

- lorenzo-s

---

我实际上尝试过完全相同的方法，只是我使用了 left:5px 而不是 left:5，结果 div 元素相对于页面而不是其父元素进行了定位。我没有意识到这很重要。 - Amit

“left:5px” 更正确，是我的错误。如果 div 相对于页面而不是其父元素定位，这意味着您没有将 position:relative 应用于容器。 - lorenzo-s

但是使用 left:5px 在容器中即使使用 position:relative 实际上也不起作用。请查看您的示例，其中包括此更改（以及容器的边距）- http://jsfiddle.net/nxPhy/4/ - Amit

O.o left:5 是无效的 CSS。实际上，您可以将其删除，结果不会改变。无论如何，我不明白为什么它不能与 5px 一起使用。也许是关于 position: fixed 的某些问题我没有理解... - lorenzo-s

Answer 2

你想要添加：

position:fixed

将此代码添加到您想要固定的

中。这样做将使该

及其包含元素保持固定位置。

- sidneydobber