Question

html iframe如何设置高度和宽度

Answer 1

一、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的属性如下：

Answer 2

<IFRAME WIDTH=0 HEIGHT=0></IFRAME>

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

height：可用像素值或百分比

frameborder：内嵌帧边框

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

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

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

src：内嵌入文件的地址

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

allowtransparency：是否允许透明

追问

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

追答

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

Answer 3

方法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"

Answer 4

width="" height=""

Answer 5

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