html - 侧边栏包装器未使用页面内容包装器扩展

Question

正在努力解决这个问题，我们将不胜感激。

我有一个主要的 #wrapper div 环绕整个文档。然后我们有一个用于导航的 #sidebar-wrapper 和一个用于内容的 #page-content-wrapper。问题是当内容扩展时，sidebar-wrapper 不会。我知道它们都是绝对定位的，我已经尝试过相对定位，但也没有用。

sidebar-wrapper div 应该向下扩展(高度)以伴随 page-content-wrapper div 的增长。

如果有任何帮助，我将不胜感激。谢谢。

这是 fiddle :wrapper fiddle

找到解决方案:page-content-wrapper 上的 overflow-x 应设置为隐藏，这会使侧边栏包装器扩展到文档大小的 100%。

Answer 1

像这样对外部包装器使用相对位置:

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