在固定宽度页面上增加元素到页面宽度的宽度

我有一个固定宽度的网站，在我正在显示日志查看器的内容区域内。在固定宽度页面上增加元素到页面宽度的宽度

日志查看器很难读取，因为它受限于站点的固定宽度，并且日志行很长。

我想要做的是在日志查看器上面有一个按钮，显示“展开”，单击时日志查看器的宽度将变得略微小于视口的大小。

该网站的其余部分仍然会保留固定宽度，但日志查看器将与屏幕一样宽。

我画什么，我想在这里实现的图像：

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

回答