使HTML内容扩展以填充窗口

前端之家收集整理的这篇文章主要介绍了使HTML内容扩展以填充窗口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 HTML页面垂直分割

>标题
>身体
>页脚

身体反过来又分为两部分

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

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

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

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

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

我考虑过的一些选择:

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

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

解决方法

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

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

猜你在找的HTML相关文章