加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

使HTML内容扩展以填充窗口

发布时间:2020-12-14 19:32:48 所属栏目:资源 来源:网络整理
导读:我有一个 HTML页面垂直分割 标题 身体 页脚 身体反过来又分为两部分 左侧包围的大型DIV包围滚动条,显示图的一部分 右边的表格 页眉和页脚是固定高度的.身体应垂直扩展,以填满未被页眉和页脚占据的部分窗口. 类似地,窗体是固定宽度的,滚动窗格应该水平扩展以
我有一个 HTML页面垂直分割

>标题
>身体
>页脚

身体反过来又分为两部分

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

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

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

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

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

我考虑过的一些选择:

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

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

解决方法

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读