请教以下代码中iframe自适应高度问题,百度了很久都没找到能解决的.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body {
background-attachment:fixed;
margin: 0px;
}
#bottomNav {
z-index:999;
position:fixed;/*FireFox */
top: 0px;/*FireFox */
left:0;
right:0;
width:100%;
_position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
overflow:visible;
}
.nav{
width:960px;
margin-right: auto;
margin-left: auto;
}
.text{
width:930px;
background-color: #CCCCCC;
float: left;
}
.link{
width:30px;
background-color: #CCCCCC;
float: right;
text-align: center;
text-decoration: none;
}
#ifr{
width:100%;
}
</style><script type="text/javascript">
function showHideDIV(){
var doc = document.getElementById("Maple");
doc.style.display =
(doc.style.display == "none"?"block":"none");
}</script></head><body><div id="bottomNav">
<div class="nav">
<div id="Maple" class="text">固定漂浮物在此处O(∩_∩)O~</div><div class="link"><a href="javascript:void(0);" onclick="showHideDIV()">显</a></div>
</div>
</div><iframe src="http://www.youku.com" scrolling="no" frameborder="0" id="ifr"></iframe> </body>
</html>怎么才能使iframe自适应高度?