[英]Increasing width of element to page width on fixed-width page
我在显示日志查看器的内容区域内有一个固定宽度的站点。
日志查看器很难阅读,因为它受站点固定宽度的限制,并且日志行很长。
我想做的是在日志查看器上方有一个“扩展”按钮,单击该按钮时,日志查看器的宽度将变得略小于视口的大小。
该站点的其余部分仍将保持固定宽度,但日志查看器将与屏幕一样宽。
我在这里画出了我想要实现的目标:
我尝试设置“位置:绝对;左:20像素”(以及设置宽度),但这会导致网站的页脚向上移动到日志查看器下方(因为日志查看器不再增加高度)内容区域)。
我不确定该怎么做,我认为这全都应该与CSS相关。
任何帮助将非常感激!
试试这个: http : //jsfiddle.net/h4C2p/
编辑:对不起,这不适用于不同的宽度。 这是一个可行的方法 : http : //jsfiddle.net/h4C2p/1/
如果您不介意为内容区域设置高度,则将其设置为显示日志的任何位置的元素的父级。
或者,不要将所有内容都包装在一个标签中。 即。 具有单独的页眉,内容,页脚,通常具有相同的宽度并居中,但是当您单击展开时,内容就会展开。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.