在固定寬度頁面上增加元素到頁面寬度的寬度

我有一個固定寬度的網站，在我正在顯示日誌查看器的內容區域內。在固定寬度頁面上增加元素到頁面寬度的寬度

日誌查看器很難讀取，因爲它受限於站點的固定寬度，並且日誌行很長。

我想要做的是在日誌查看器上面有一個按鈕，顯示「展開」，單擊時日誌查看器的寬度將變得略微小於視口的大小。

該網站的其餘部分仍然會保留固定寬度，但日誌查看器將與屏幕一樣寬。

我畫什麼，我想在這裏實現的圖像：

enter image description here

我已經嘗試設置「的立場：絕對的;左：20px的」（以及設置寬度），但這會導致我的站點頁腳向上移動到日誌查看器下方（因爲日誌查看器不再增加內容區域的高度）。

我不知道該怎麼做，它應該都是我相信的CSS相關。

任何幫助將不勝感激！

2011-09-04 Tyler

編輯：對不起，這是行不通的爲不同的寬度。這是一個工程：http://jsfiddle.net/h4C2p/1/

2011-09-04 03:40:53 Will

工作非常感謝！ – Tyler

如果您不介意爲內容區域設置高度，請將其設置爲顯示日誌的任何位置的元素的父級。

或者，不要將所有內容都包裝在一個標籤中。即。有單獨的頭，內容，頁腳，通常具有相同的寬度和居中，但是當您單擊展開，內容..擴大

2011-09-04 03:27:50 miki

回答