侧边栏包装器不使用页面内容包装器进行扩展

Question

挣扎着想出这个，任何帮助都表示赞赏。

我有一个主#wrapper div包围整个文档。然后我们有导航#sidebar-wrapper和内容#page-content-wrapper。问题是，当内容扩展时，侧边栏包装器不会。我知道他们都处于绝对的位置，我已经尝试过相对定位，而且也没有用。

sidebar-wrapper div应向下扩展（height）以伴随page-content-wrapper div的增长。

我将不胜感激任何帮助。谢谢。

这里是小提琴：wrapper fiddle

找到解决方案：页面内容包装器上的overflow-x应设置为隐藏，并使侧边栏包装器扩展到文档大小的100％。

Answer 1

使用相对于外包装的位置相对于：

#wrapper.toggled 
{
  padding-left: 250px;
  overflow: hidden;
  position:relative;
}