iframe height=100%无效问题

最新推荐文章于 2024-09-02 09:55:12 发布
最新推荐文章于 2024-09-02 09:55:12 发布
阅读量2.8k 收藏
点赞数
分类专栏： JS iframe 文章标签： iframe height100
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xyr05288/article/details/42919663
版权
JS 同时被 2 个专栏收录
63 篇文章 0 订阅
订阅专栏
iframe
4 篇文章 0 订阅
订阅专栏

1.就是因为我的jsp里多了这样一句话

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

导致iframe 中设置的height=100%无用  

2.将存放iframe的div的style设置为height:100% 

十一路客
关注
专栏目录
html iframe高度全屏,全屏iframe的高度为100％
weixin_39622225的博客
06-19 2383
你可以使用框架作为以前的答案状态，但如果你坚持使用iFrames，下面的两个例子应该工作： 替代： 如上所示隐藏滚动2种select： 与第二个例子一起使用： 为了隐藏iFrame的滚动条，父项被设置为overflow: hidden隐藏滚动条，并且iFrame的宽度和高度达到150％，强制页面外的滚动条，因为body没有滚动条可能不会指望iframe超出页面的边界。 这隐藏了iFrame的全部滚...
完美解决iframe的100%高度问题
热门推荐
skiof007的专栏
04-07 1万+
1.想让iframe的高度为100%,必须让其父标签的高度为100%，比如html、body都要100%才行。 2.如果iframe处在一个表格内，你会发现，只是设置html与body为100%还是不行的，即便是设置table为100%也是不行。在这种情况下，需要把页面头部的“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”删除
框架网页不能显示php,急求解：iframe框架不能100%显示问题_html/css_WEB-ITnose
weixin_39524834的博客
03-29 217
框架 HTML iframe 请问我做一网页需要顶部div高度固定，宽度100%，下面放一个iframe框架框架左侧div宽固定，高度100%，右侧宽高都是100%满屏显示，如屏幕小，右侧内容多的话则自动有滚动条，请问这要怎么做呢，在网上找了适应高度的都不行。我随便测试的框架，右边的内容只显示一小部分，麻烦大虾们帮我看看，谢谢index.html无标题文档2页面内容回复讨论(解决方案)div的...
将底部设置为自身高度的100%
最新发布
湖北太米网络科技有限公司
09-02 196
在 HTML 和 CSS 中，可以使用以下方法将元素的底部设置为自身高度的 100%：使用 position: absolute; bottom: 0; 样式：登录后复制 .element { position: absolute; bottom: 0; }1.2.3.4.这种方法将元素相对于其最近的定位祖先进行...
设置iframe的高度为100%
jsnjzgb的博客
11-16 1786
1、页面设置为 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; 2、要在样式style中设置 style="height:100%"
iframe 高度为100%无效处理办法
苏木瑾
12-03 1412
改一下html的声明就可以解决 如果是下面这个，设置100%就会无效 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 改成这个声明就可以解决 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...
iframe高度塌陷，设置100%无效解决方案
前端~锋小张
08-31 1169
【代码】iframe高度塌陷，设置100%无效解决方案。
iframe标签设置高度百分比不生效，无法做成自适应问题
m0_64785232的博客
05-07 455
设置px的话在小屏幕可以正常显示，但是如果移到大屏还是600px,无法做到自适应。解决方法很简单，在style中设置iframe的高度。iframe标签设置高度百分比不生效，只能设置px，无法做成自适应问题。
html iframe高度的100%无效
06-01
如果您在使用 `<iframe>` 标签时设置了高度为 100%，但是发现它并没有生效，可能是因为它的父元素没有设置高度。在这种情况下，`<iframe>` 的高度将会自动调整以适应其内容的高度，而不是适应父元素的高度。 解决这...
html iframe高度的100%无效 给我举个成功的例子
06-01
当 `<iframe>` 的父元素具有固定的高度时，设置 `<iframe>` 的高度为 100% 就会生效。以下是一个简单的例子： ```html <div style="height: 400px;"> <iframe src="https://www.example.com" style="height: 100%;...
<iframe src="view_pdf.php?id=1" width="100%" height="600px"></iframe>使用iframe标签调用PHP脚本打开pdf文档时报错：该文件无法打开。检查文件路径正确，用浏览器可以直接打开该pdf文件。解决方法
06-09
3. 浏览器缓存了无效的PDF文件内容导致无法打开。 您可以尝试以下解决方法： 1. 确认PHP脚本正确地输出PDF文件内容。可以在PHP脚本中使用header函数设置Content-Type为application/pdf，然后使用readfile函数输出...
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
09-05
这个问题的原因是，当`iframe`的高度高于其内容的实际高度时，浏览器会使用`iframe`的高度，而当`iframe`的高度小于内容高度时，浏览器会使用内容的实际高度。为了避免这种情况，可以在`iframe`加载时将其高度设置为...
动态生成的IFRAME，设置SRC时的问题解决分析
09-06
此外，对于IFRAME的其他属性，如`frameBorder`、`scrolling`、`width`和`height`，它们的设置位置似乎没有显著影响。但值得注意的是，`ifr.src`后面添加临时参数以获取新页面内容时，如果在`appendChild`之后设置，...
解决HTML/JSP页面中 iFrame 高度设置100%无效的一种方式
普通人一枚
09-17 1506
如果jsp页面的文档标准为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 效果: 只显示一点 这个时，设置高度为100%时无效。所以必须页面标准设置为： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 效果:
让iframe的height=100%
qiume的专栏
02-23 2162
无标题文档<!--html,body{ height:100%;}-->html,body{ height:100%;}
iframe标签height100%无效解决办法,亲测有效
Clarence_Pang的博客
12-26 9221
iframe使用height属性之前要先保证body、html等父标签的height是100% 贴上页面完整代码 &lt;!DOCTYPE html&gt; &lt;html style="height: 100%"&gt; &lt;head&gt; &lt;title&gt;PxAllotIndex.html&lt;/title&gt; ...
Iframe设置高度为100%问题!!!!
weixin_30695195的博客
09-23 955
在使用Iframe的时候,高度设置一直使我很郁闷!!! 今天在网上查了一些资料,终于突破了这个知识点.把代码奉献给大家.希望能给大家带来方便. 你可以嵌套使用多iframe,只要在iframe嵌套页的具体内容页中加入下面的js代码即可. <script> parent.document.all.iframeTest.height = Screen.Height; &...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值