为什么使用iframe后，下面的div就不显示了呢？
我的一个网页上使用iframe和div代码如下：
<!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>
<title>div不显示</title>
</head>
<body>
<div style="text-align:center;height:100%;width:80%;">
<div style="height:90%;width:100%;">
<iframe id="frmMiddle" name="middleFrm" allowtransparency="true" src="src.html" width="100%" height="100%" style="vertical-align:top;border:1px solid red;" scrolling="no" frameborder="0"/>
</div>
<div style="height:10%;width:100%;">
这个div怎么都不显示，为什么呢？
</div>
</div>
</body>
</html>
最下面那个红色的div怎么都不显示，到底是为什么啊？
[解决办法]
<div style="text-align:center;height:100px;width:80%;">
<div style="height:90%;width:100%;">
<iframe id="frmMiddle" name="middleFrm" allowtransparency="true" src="src.html" width="100px" height="20px" style="vertical-align:top;border:1px solid red;" scrolling="no" frameborder="0"> </iframe></div>
<div>
这个div怎么都不显示，为什么呢？
</div>
</div>
