繁体   English   中英

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

[英]Increasing width of element to page width on fixed-width page

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

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

我想做的是在日志查看器上方有一个“扩展”按钮,单击该按钮时,日志查看器的宽度将变得略小于视口的大小。

该站点的其余部分仍将保持固定宽度,但日志查看器将与屏幕一样宽。

我在这里画出了我想要实现的目标:

在此处输入图片说明

http://imgup.co.nz/3940

我尝试设置“位置:绝对;左:20像素”(以及设置宽度),但这会导致网站的页脚向上移动到日志查看器下方(因为日志查看器不再增加高度)内容区域)。

我不确定该怎么做,我认为这全都应该与CSS相关。

任何帮助将非常感激!

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

编辑:对不起,这不适用于不同的宽度。 这是一个可行的方法http : //jsfiddle.net/h4C2p/1/

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM