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

Question

我在显示日志查看器的内容区域内有一个固定宽度的网站。

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

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

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

我画了一张我想在这里实现的目标：

http://imgup.co.nz/3940

我尝试过设置“position：absolute; left：20px”（以及设置宽度），但这会导致我网站的页脚向上移动到日志查看器下方（因为日志查看器不再增加内容区域的高度。）

我不知道该怎么办，我相信它应该都是css相关的。

非常感谢任何帮助！

Answer 1

试试这个：http://jsfiddle.net/h4C2p/

编辑：抱歉，这不适用于不同的宽度。这是一个有效的：http://jsfiddle.net/h4C2p/1/

Answer 2

如果您不介意为内容区域设置高度，请将其设置为显示日志的任何位置的元素的父级。

或者，不要将所有内容都包装在一个标签中。即。有单独的标题，内容，页脚，通常具有相同的宽度并居中，但当您单击展开时，内容..展开