html iframe如何设置高度和宽度

如题所述

一、iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

二、有以下方式对iframe进行设置高度和宽度

1、iframe元素标签可以使用width和height属性,

<iframe src ="/index.html" width="400" height="300"></iframe>

2、可以使用css来定义宽度和高度

<iframe src ="/index.html" style="width:400px;height:300px"></iframe>

三、补充:

iframe的属性如下:

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-12-16
<IFRAME WIDTH=0 HEIGHT=0></IFRAME>

width:可用像素值或百分比)

height:可用像素值或百分比

frameborder:内嵌帧边框

marginwidth:帧内文本的左右页边距

marginheight:帧内文本的上下页边距

scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)

src:内嵌入文件的地址

style:内嵌文档的样式(如设置文档背景等)

allowtransparency:是否允许透明追问

怎么给整个页面加滚动条?现在只是框架里面的有滚动条

追答

页面高度高了,自然会有滚动,如果外面有滚动行,IFRAME的高度可以考虑设置好

本回答被提问者和网友采纳
第2个回答  2015-05-21
方法1:
parent.document.all("框架ID名").style.height=document.body.scrollHeight;

parent.document.all("框架ID名").style.width=document.body.scrollWidth;
方法2:
iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no"
第3个回答  2024-10-10
width="" height=""
第4个回答  推荐于2019-09-18

html的iframe设置高度和宽度,只需要设置iframe标签的宽度和高度样式width和height。

1、例如宽高各200像素的iframe

<iframe src="https://www.baidu.com" style="width:200px;height:200px;">

测试页面如图测试页面1

2、例如宽高各400像素的iframe

<iframe src="https://www.baidu.com" style="width:400px;height:400px;">

测试页面如图测试页面2

本回答被网友采纳

html iframe如何设置高
<iframe src="\/index.html" style="width: 400px; height: 300px"><\/iframe> 通过CSS,你可以更加灵活地根据网页设计调整iframe的高度。需要注意的是,iframe还有其他属性可以配置,但上述方法是设置高度最常用的方式。记得在实际应用中,要确保iframe的高度和宽度设置与嵌入内容的尺寸相适应,以保持良好...

怎么让iframe自适应浏览器的高度和宽度
1、在文件夹里创建两个html文件,一个“index”一个“iframe”。2、在index中添加一个iframe标签,直接嵌入iframe页面。3、在iframe网页中添加了两个固定高度的div内容。4、浏览器打开index页面我们发现iframe部分有滚动条,需要滚动显示页面。5、现在我们在index页面的iframe标签再添加如下的属性。6、再次...

html iframe 高度越来越小,这是为什么?
一、iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。二、有以下方式对iframe进行设置高度和宽度 1、iframe元素标签可以使用width和height属性,<iframe src ="\/index.html" width="400" height="300"><\/iframe> 2、可以使用css来定义宽度和高度 <iframe src ="\/index.html" style="w...

HTML的frame框架怎么自适应高度?
iframe.style.width = hash_width;b_iframe.style.height = hash_height;}<\/script>agent.html从URL中获得宽度值和高度值,并设置iframe的高度和宽度(因为agent.html在www.a.com下,所以操作a.html时不受JavaScript的同源限制)

iframe框架详细讲解和居中设置及滚动条设置
在HTML5中align属性已不支持,但可以使用CSS样式来设置iframe的上级标签样式,使其居中显示。可以为包含iframe的div元素设置文本对齐方式为居中,以实现水平居中显示。同时,也可以通过添加样式调整iframe的高度和宽度,以适应页面布局。另外,可以使用CSS样式直接为iframe设置居中显示。同时,使用scrolling="no"...

如何在HTML的iframe中,获取被调用的页面的高度,并作为这个iframe的高 ...
由于A和main页面同域,所以可以修改main的dom节点属性,从而达到我们设置iframe标签高度的目的。关键代码:iframe主页面:main.html <iframe id="iframeB" name="iframeB" src="www.b.com\/B.html" width="100%" height="auto" scrolling="no" frameborder="0"><\/iframe> iframe嵌套页面:B....

iframe的高度可以随内容的多少而变化吗
1、首先在文件夹里创建两个html文件,一个“index”一个“iframe”。2、然后在index中添加一个iframe标签,直接嵌入iframe页面。3、接着在iframe网页中添加了两个固定高度的div内容。4、浏览器打开index页面,发现iframe部分有滚动条,需要滚动显示页面。5、现在在index页面的iframe标签再添加如下的属性。

怎么让iframe的大小跟随内容的大小自动调整?
1.在一个文件夹中创建两个HTML文件,一个“index”和一个“iframe”。2.将iframe标记添加到索引中,并将其直接嵌入到iframe页面中。3.将两个具有固定高度的div内容添加到iframe页面。4.当浏览器打开索引页时,我们发现在iframe的部分有一个滚动条,需要滚动才能显示页面跟踪。5.现在,我们将以下属性...

怎么让iframe自适应高度
可以归纳为,当iframe窗体高度高于文档实际高度的时候,高度取的是窗体高度,而当窗体高度低于实际文档高度时,取的是文档实际高度。因此,要想办法在同步高度之前把高度设置到一个比实际文档低的值。所以,在iframe的添加 onload=”this.height=100″,让页面加载的时候先缩到足够矮,然后再同步到一样的...

HTML <iframe> 标签定义和用法
属性作用:规定在 iframe 中显示的文档的 URL。属性(11)width 属性值:pixels、属性作用:定义 iframe 的宽度。参考资料:<a href="http:\/\/www.w3school.com.cn\/tags\/tag_iframe.asp" target="_blank" rel="nofollow noopener">http:\/\/www.w3school.com.cn\/tags\/tag_iframe.asp<\/a> ...

相似回答