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

Question

我在顯示日志查看器的內容區域內有一個固定寬度的站點。

日志查看器很難閱讀，因為它受站點固定寬度的限制，並且日志行很長。

我想做的是在日志查看器上方有一個“擴展”按鈕，單擊該按鈕時，日志查看器的寬度將變得略小於視口的大小。

該站點的其余部分仍將保持固定寬度，但日志查看器將與屏幕一樣寬。

我在這里畫出了我想要實現的目標：

http://imgup.co.nz/3940

我嘗試設置“位置：絕對；左：20像素”（以及設置寬度），但這會導致網站的頁腳向上移動到日志查看器下方（因為日志查看器不再增加高度）內容區域）。

我不確定該怎么做，我認為這全都應該與CSS相關。

任何幫助將非常感激！

Answer 1

試試這個： http : //jsfiddle.net/h4C2p/

編輯：對不起，這不適用於不同的寬度。 這是一個可行的方法 ： http : //jsfiddle.net/h4C2p/1/

Answer 2

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

或者，不要將所有內容都包裝在一個標簽中。 即。 具有單獨的頁眉，內容，頁腳，通常具有相同的寬度並居中，但是當您單擊展開時，內容就會展開。