最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 16:31:09
文档

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

急求解:iframe框架不能100%显示问题_html/css_WEB-ITnose:框架 HTML iframe 请问我做一网页 需要顶部div高度固定,宽度100%,下面放一个iframe框架 框架左侧div宽固定,高度100%,右侧宽高都是100%满屏显示,如屏幕小,右侧内容多的话则自动有滚动条,请问这要怎么做呢,在网上找了适应高度的都不行。 我随便
推荐度:
导读急求解:iframe框架不能100%显示问题_html/css_WEB-ITnose:框架 HTML iframe 请问我做一网页 需要顶部div高度固定,宽度100%,下面放一个iframe框架 框架左侧div宽固定,高度100%,右侧宽高都是100%满屏显示,如屏幕小,右侧内容多的话则自动有滚动条,请问这要怎么做呢,在网上找了适应高度的都不行。 我随便

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

  无标题文档  

文档

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

急求解:iframe框架不能100%显示问题_html/css_WEB-ITnose:框架 HTML iframe 请问我做一网页 需要顶部div高度固定,宽度100%,下面放一个iframe框架 框架左侧div宽固定,高度100%,右侧宽高都是100%满屏显示,如屏幕小,右侧内容多的话则自动有滚动条,请问这要怎么做呢,在网上找了适应高度的都不行。 我随便
推荐度:
标签: 出现 显示 问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top