创建一个固定的侧边栏而不会使其脱离流量

Question

我正在尝试创建一个网站，右侧有一个固定在屏幕上的侧边栏，占据了网页的100％。我希望我的容器宽度设置为100％，在考虑到我的侧边栏宽度之后填充剩余空间。当用户向下滚动页面时，我需要侧边栏保持静止。我希望我的侧边栏的高度是基于百分比的值。我该怎么做呢？

如果我使用“Position：fixed”，它会使侧边栏流出，导致容器跨越页面的整个宽度，忽略侧边栏的宽度。当我尝试应用“text-align：center”时会出现问题。

这是我想要实现的目标的直观表示：

Answer 1

只需添加.body{ margin-right: 80px}（即侧边栏的大小），然后将其固定在侧边栏上。

请在此处查看：http://jsfiddle.net/vv84cd08/1/