扩展HTML内容以填充窗口

Question

我有一个垂直划分的HTML页面

身体又被水平分割成

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

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

该图非常大(最多10x10屏幕),所以我无法显示所有这些.相反,我希望尽可能多地显示(使用整个窗口),以便用户需要尽可能少地滚动.

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

我考虑过的一些选择:

滚动窗格单元格的宽度和高度设置为100%而所有其他设置为1%的表格
不起作用.即使在滚动窗格DIV上进行绝对定位,表格(以及页面)也会展开以包含整个图表.
绝对定位以通过页脚的高度将窗格从页面底部偏移
工作但不准确:页脚的高度取决于当前字体大小以及文本是否被包装.这意味着我必须留出很大的余量以确保它们不重叠.
将图中的IFRAME
最好的解决方案我已经禁用了脚本的发现,但限制了什么,我可以在脚本的时候,他们做的是启用.

我注意到,当禁用脚本时,Google地图会为地图使用固定大小的区域.如果谷歌放弃了这个问题,那是否意味着它不可行？

Answer 1

使用高度:100%CSS属性应该使它工作.