高考问答母亲工作:求iframe 自动适应连接内容大小问代码!!!!
来源：百度文库 编辑：高考问答 时间：2024/04/27 22:47:42
iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下：
name：内嵌帧名称
width：内嵌帧宽度(可用像素值或百分比)
height：内嵌帧高度(可用像素值或百分比)
frameborder：内嵌帧边框
marginwidth：帧内文本的左右页边距
marginheight：帧内文本的上下页边距
scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)
src：内嵌入文件的地址
style：内嵌文档的样式(如设置文档背景等)
allowtransparency：是否允许透明
明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中：
〈iframe name="import_frame" width=100%
height=80 src="samper.htm" frameborder=auto〉
如果内嵌页面大于iframe设置的宽和高,那么只能看到一部分,当然如果你的iframe 没有设置任何高和宽,也不在某个有大小的表格中,那么它他显示为内嵌页面的大小
最好是把内嵌页面做得和指定iframe的宽一样,最好连高也一样,iframe没有水平滚动条,只能垂直滚动,
另外当然如果你在内嵌页面上选中一些字然后按做鼠标往外拉,是会看到内嵌页面本来看不到的某些地方的~~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow:hidden;
}
-->
</style></head>
<body >
<iframe width="100%" height="100%" src="http://www.163.com" frameborder="0" scrolling="auto"></iframe>
</body>
</html>