將內部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屬性寬度，並且它解決了我的問題。