使HTML内容扩展以填充窗口

我有一个 HTML页面垂直分割

>标题
>身体
>页脚

身体反过来又分为两部分

>左侧包围的大型DIV包围滚动条,显示图的一部分
>右边的表格

页眉和页脚是固定高度的.身体应垂直扩展,以填满未被页眉和页脚占据的部分窗口.

类似地,窗体是固定宽度的,滚动窗格应该水平扩展以填充窗口宽度.

该图非常大(高达10×10个屏幕),所以我无法显示全部.相反,我想尽可能地显示(使用整个窗口),以便用户需要尽可能少的滚动.

我也不能使用javascript,因为一些用户必须是偏执狂的,必须禁用它.

我考虑过的一些选择:

>一个表格,滚动窗格单元格的宽度和高度设置为100%,所有其他值为1%
不行表格(因此页面)扩展为包含整个图表,即使在滚动窗格DIV上具有绝对定位.
>绝对定位,以将页面底部页面偏移到footerWorks的高度但不准确:页脚的高度取决于当前的字体大小以及文字是否被包装.这意味着我必须留下很大的余地,以确保它们不重叠.
>将图表放在IFRAMET最佳解决方案中,我发现脚本已禁用,但限制了在脚本启用时可以执行的操作.

我注意到,当禁用脚本时,Google Maps在地图上使用固定大小的区域.如果Google已经放弃了这个问题,那意味着这是不可行的?

解决方法

使用height:100%CSS属性应该使其工作.

看看Dave Woods 100% Height Layout Using CSS是否适合你.

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在'',则表示换行,用''切割。
代码实现 option = { backgroundColor: '#080b30', tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...