当前位置:Gxlcms > html代码 > 急求解:iframe框架不能100%显示问题_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:34人阅读

框架 HTML iframe

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

我随便测试的框架,右边的内容只显示一小部分,麻烦大虾们帮我看看,谢谢
index.html
无标题文档    
栏目一 栏目二 栏目三


1.htm 页面
无标题文档
fsdf
fsfsafsa


2.htm 页面
无标题文档 
2页面内容


回复讨论(解决方案)

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

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

        Test        

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

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,这样整个页面也整洁一些。

        无标题文档        

人气教程排行