固定容器内的定位元素

时间:2012-02-17 22:28:41

标签: html css

我想将“Recent Activity”div固定在“Recent-Activity-Grid”div中,这样当您滚动浏览溢出信息时,“Recent Activity”会保留在同一位置。我该怎么办? http://jsfiddle.net/aJHnV/3/

3 个答案:

答案 0 :(得分:1)

固定位置元素相对于视口或浏览器窗口本身定位。所以,你不能只使用css。

答案 1 :(得分:1)

我不知道你怎么能阻止“Recent Activity”div滚动,只要它与溢出内容在同一个div中。我已经将溢出内容放入一个新的div中,并让div自动滚动以使其工作: http://jsfiddle.net/aJHnV/12/

正如另一个答案所说的那样:固定不起作用,因为它与视口相关。

答案 2 :(得分:1)

有一个固定的位置:即

.fixedGrid
{
    position: fixed;
}

告诉我这是否奏效。我在我的网站上实现了这种技术。 :)