iframe在div中如何自适应高度

div设置了高度自适应,但是在div里面插入一个iframe,用js使iframe获取到div的高度,但是对iframe不起作用你们说的都不行吖,我说的是div是自适应高... div设置了高度自适应,但是在div里面插入一个iframe,用js使iframe获取到div的高度,但是对iframe不起作用
你们说的都不行吖,我说的是div是自适应高度的,让div的高度iframe的高度变化,我已经给iframe设置了宽度是100%,框架的高度是多少,让div随着iframe的高度变化。div中的iframe是一个搜索操作,搜索出来的结果有时候会很多。
展开
 我来答
大野瘦子
高粉答主

推荐于2019-08-11 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:1227
采纳率:100%
帮助的人:32.6万
展开全部

//window.onresize表示窗口触发时间的时候执行

//两个函数,用闭包包裹起来()()

window.onload=function(){

(window.onresize=function(){

//获取可见宽度

var width=document.documentElement.clientWidth-180;//180为左边的div的大小

//获取可见高度

var height=document.documentElement.clientHeight-80;//80为头部的div的大小可自己修改

//如果有宽度就给值,

if(width>=0){

document.getElementById('main').style.width=width+'px';

}

if(height>=0){

document.getElementById('sidebar').style.height=height+'px';

document.getElementById('main').style.height=height+'px';

}

})()};

扩展资料:

//设置iframe的高度

function resizeFrameHeight() {

$('.tab_iframe').css('height', document.documentElement.clientHeight - 118);

$('md-tab-content').css('left', '0');

}

window.onresize = function () {

resizeFrameHeight();

initScrollShow();

initScrollState();

}

熊熊知0Q
推荐于2017-11-22 · TA获得超过280个赞
知道小有建树答主
回答量:139
采纳率:100%
帮助的人:169万
展开全部
<iframe scrolling="no" name="aa" frameborder="0" src="bb.html" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700)"></iframe>

iframe高度自适应,700为自己设定的iframe高度最低值,高度小于700的将以700显示,大于700将以div自身高度来显示。iframe高度最低值可以自己修改
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
梦想时光网络
2010-01-13 · TA获得超过151个赞
知道小有建树答主
回答量:182
采纳率:0%
帮助的人:120万
展开全部
<!-- 框架高度自适应 -->
<iframe id="mainframe" name="mainframe" src="smb010201.aspx" frameBorder="0" width="100%" scrolling="no" height="100%"
onload="document.all('mainframe').style.height=mainframe.document.body.scrollHeight+30;"> </iframe>

我测试过,完全可以用的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
搞笑片儿
2010-01-11 · 超过14用户采纳过TA的回答
知道答主
回答量:40
采纳率:0%
帮助的人:27.5万
展开全部
Iframe高度自适应
<iframe id="iFrame1" name="iFrame1" width="952" onload="this.height=iFrame1.document.body.scrollHeight" scrolling="no" frameborder="0" src="asdf.html"></iframe>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
德迎波Fd
2012-11-05 · 超过19用户采纳过TA的回答
知道答主
回答量:97
采纳率:0%
帮助的人:31.3万
展开全部
marginwidth='0' marginheight='0' frameborder='0'
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式