css - 在居中设计上滚动时固定面板

Question

好的，所以我想使用具有三个 div 的布局(按列排列)。外面的两个将与导航相关，所以我希望它们在用户滚动时保持原位。中间部分将容纳内容，因此它需要随页面正常滚动。

我知道您通常会使用 position:fixed，但我希望整个设计都以页面为中心。使用固定定位将不允许它像在居中设计中那样水平移动。有人知道满足所有这些标准的方法吗？

我已经设置了一个 jsfiddle 来启动它:http://jsfiddle.net/8RqEt/

Answer 1

使用position:fixed;左:50%； margin-left: ??px 在外部元素上:

http://jsfiddle.net/M5X7q/

• left: 50% 将每个元素的左边缘居中到页面:http://jsfiddle.net/M5X7q/1/
• 然后，正确数量的 margin-left 将每个元素放在需要的位置。