2013-04-09 51 views
1

我有两个面板的网页。左侧面板占据宽度的大部分并显示用户帖子。右侧面板是一个导航菜单,所以我希望它保持固定,永不滚动屏幕。CSS:如何修复一个面板并滚动另一个面板?

当帖子太多而无法放在一个屏幕上时,滚动条出现在屏幕的右侧(不是面板),用户向下滚动。除了导航菜单滚动屏幕外,这一切都很好。

这两个面板都在一个共同的分区。我尝试将其位置设置为相对位置,然后使导航面板位置固定,右边偏移量为0.这将导航面板保留在屏幕上,但位于最右侧(即不在包含div内)。

如何让导航面板固定在屏幕上,但浮动到它的包含div的权利?

非常感谢!

编辑:例如我的意思是看Facebook。你会看到,帖子列可以永远延长,但右侧的列(与广告)在屏幕上显示...

+0

为什么这两个元素必须在同一个容器div内吗? – 2013-04-09 23:50:23

+0

亚历克斯,页面上的主要内容区域是“主显示”。这是包含DIV。 – 2013-04-09 23:56:06

+1

当导航菜单比屏幕/窗口更高时(窗口被调整大小,手机屏幕太小,视力不佳导致文本被放大)并且用户无法滚动到达底部的项目时会发生什么?修复东西时要小心 – frozenkoi 2013-04-10 00:19:58

回答