我有一个 HTML 页面垂直分成
- 标题
- 正文
- 页脚
body 又被横向分成
- 左侧有一个大的 DIV,四周环绕着滚动条,显示了图表的一部分
- 右边的表格
页眉和页脚是固定高度的。正文应垂直扩展以填充页眉和页脚未占据的窗口部分。
同样,表单是固定宽度的,滚动 Pane 应水平扩展以填充窗口宽度。
图表非常大(最多 10x10 屏),所以我无法显示所有内容。相反,我想尽可能多地显示(使用整个窗口),以便用户需要尽可能少地滚动。
我也不能使用 javascript,因为有些用户一定是偏执狂,必须禁用它。
我考虑过的一些选项:
- 滚动 Pane 单元格的宽度和高度设置为 100% 且所有其他单元格设置为 1% 的表格
不起作用。表格(以及页面)展开以包含整个图表,即使在滚动 Pane DIV 上进行绝对定位也是如此。 - 绝对定位使 Pane 从页面底部偏移页脚的高度
可行但不准确:页脚的高度取决于当前字体大小以及文本是否换行。这意味着我必须留出很大的余量以确保它们不会重叠。 - 将图表放在 IFRAME 中
我发现禁用脚本的最佳解决方案,但限制了我在启用脚本时可以在脚本中执行的操作。
我注意到当禁用脚本时,Google map 使用固定大小的 map 区域。如果谷歌放弃了这个问题是否意味着它不可行?
最佳答案
使用 height: 100% CSS 属性应该可以让它工作。
关于html - 使 HTML 内容扩展以填充窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/551180/