具有粘性頁腳的全高度側欄，具有固定的寬度內容

Question

我正在尋找具有全高度側欄解決方案的粘性頁腳，並在此處部分找到它：

另一個HTML / CSS布局挑戰-全高的側邊欄帶有粘性頁腳

標為正確答案的帖子解釋了一種巧妙的解決方案，但我想知道是否可以將頁腳中的液體含量div固定為一個固定值。 （用固定表示平均寬度）。

內容div和頁腳應覆蓋屏幕的整個可見寬度，並且在調整大小時，它們不應與窗口一起調整大小。 它們應保持不變，並顯示滾動條。

另外，我要關注的另一件事是使邊欄具有一些額外的左邊界。 這是小提琴：

http://jsfiddle.net/2NbMg/

<div id="wrapper">
            <div id="content">
                <div id="sidebar">Sidebar<br/>Sidebar<br/>Sidebar<br/></div>
                <div id="main">
            Content
                </div>
            </div>
            <div class="push"></div>
        </div>
<div id="footer"><div id="footer-content">Footer</div></div>

（可以在小提琴上找到CSS，以使這篇文章保持整潔）。

哦，如果有一種方法可以使內容從側邊欄的右側而不是從窗口擴展，那真是太棒了！

我一直在尋找並嘗試實現這一目標已經兩天了，但沒有成功。 如果有人可以幫忙，我將不勝感激。

以后編輯 @toninoj：

再次感謝您的輸入，對於您的發言不夠明確，我深表歉意。 基本上，我希望頁腳能顯示完整的寬度，尤其是在寬屏和筆記本電腦上。 我想遠離100％寬度的原因是，當窗口調整大小（變小）時，我希望頁腳仍然較大，而不是根據調整大小或根據窗口的大小自行調整。 頁腳中將包含大量數據，並且在調整大小時看起來會很糟糕。

我可以投入大量像素以保持其寬度固定，但是這不會在筆記本電腦上造成問題嗎？ （出現滾動條，盡管不是必需的）

Answer 1

您需要指定元素的確切寬度，例如width:200px; 並且應該給它position:fixed以使其具有粘性。 你也應該給它overflow:scroll;

如果您想要一個沒有滾動條的固定寬度的頁腳，只需指定以下內容

width:1600px;
overflow:hidden;