框架网页不能显示php,急求解:iframe框架不能100%显示问题_html/css_WEB-ITnose

框架 HTML iframe 请问我做一网页

需要顶部div高度固定,宽度100%,下面放一个iframe框架

框架左侧div宽固定,高度100%,右侧宽高都是100%满屏显示,如屏幕小,右侧内容多的话则自动有滚动条,请问这要怎么做呢,在网上找了适应高度的都不行。

我随便测试的框架,右边的内容只显示一小部分,麻烦大虾们帮我看看,谢谢

index.html

无标题文档

2页面内容

回复讨论(解决方案)

div的自动撑满跟td不一样,不是左边250,右边100%就行的,需要自己计算一下div应有的宽度然后给相应的div设置。

你的1.html在load的时候判断一下浏览器的宽度,给content设置就行,简单的code如下,没有做详细的兼容性测试。

谢谢,是可以显示的,但是右边内容多的话,超出部分都会被隐藏掉也就是不显示,拉滚动条也不能到底,这不知道怎么解决,

2.html中把iframe的scrolling设成yes就应该可以了,里面的内容太多就会滚动了。

谢谢,是可以显示的,但是右边内容多的话,超出部分都会被隐藏掉也就是不显示,拉滚动条也不能到底,这不知道怎么解决,

错了,是1.html中的iframe

还有一个建议,index.htm中的content的高度的100%继承的应该是body的高度,因此body的最终高度被撑到了document.body.clientHeight + 60,大于浏览器高度,因此不管右边frame里面的内容滚不滚,浏览器会一直有滚动条。

和上面的设置宽度的做法一样,可以改动index.htm页面,在load时content设一个高度。 同时为了避免body的滚动条,再加上overflow:hidden。

可以参考下面的code,这样整个页面也整洁一些。

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值