利用iframe就可以做出这样的效果了
范例:
http://mestu.twbtl....ex.html-----------------------------------------------------------
在iframe 里取值来控制自己的长度
依照2.htm内文的宽度及高度,自动调整1.htm之iframe的宽度及高度
1.htm
代码:
<body>
<iframe name="I1" src="2.htm" height="100" width="200"></iframe>
</body>
2.htm
代码:
<body scroll=no onload="resizeIframe()">
<p>123456789012345678901234567890end</p>
<p>45611111111111111111111111111111111end</p>
<p>789</p>
<p>dfdsf</p>
<p>df</p>
<p>sdf</p>
<p>sdf</p>
<p>df</p>
<p>dsf</p>
<p>sdf</p>
<p>sdf</p>
<p>df</p>
<p>dsf</p>
<script type="text/javascript">
function resizeIframe() {
var i = parent.document.getElementById(window.name);
var iWidth = document.body.scrollWidth;
var iHeight = document.body.scrollHeight;
i.style.width = iWidth + 5 + "px";
i.style.height = iHeight + 5 + "px";
}
</script>
</body>