将内部div位置更改为固定扩展比外部宽度更大

Question

我正在为Wordpress主题创建固定滑动边栏，因此我必须从this tutorial创建一个固定位置边栏。

外部师的现在的属性是相对的。当我试图修改它时，它正在改变边栏的位置。所以我试图在下面的分区之后创建一个分区：

<div id="sidebar1" class="sidebar fourcol last clearfix" role="complementary"> 

带有id sidebar-wrapper。

当我创建边栏包装的css属性为position:fixed;它实际上工作，但我看到它的宽度是489像素超过其外部div宽度359像素。由于外部div宽度是动态的，因此我无法为内部div创建宽度属性。

Please find the code snippet here。

问题是因为固定位置div试图使用浏览器的所有可用空间，而不是继承父div的宽度。当我尝试声明继承它变为419像素时，我很困惑它是如何获得像素数的。

任何帮助赞赏。

Answer 1

我已经使用jQuery来计算边栏的宽度，并动态地使用jQuery来定义固定分区的css属性宽度，并且它解决了我的问题。