将内部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创建width属性。

Please find the code snippet here

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

感谢任何帮助。

Answer 1

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