1. 爱易网页
  2. HTML教程
  3. 为什么使用iframe后，下面的div就不显示了呢？该如何解决

为什么使用iframe后，下面的div就不显示了呢？该如何解决

日期：2014-05-17　 浏览次数：20582 次

为什么使用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>

相关资料更多>

  1. HTML中js操作 Select的施用详解
  2. css控制div，<div class="a b c">class name里面有空格，请教该如何写
  3. IE无法显示文件夹下的图片, chrome却可以，为什么？该怎么处理
  4. 用CSS来美化Java圆桌面-Javacss
  5. frame中的 rows如何设置的？
  6. CSS在两台机子显示不一样,该如何处理
  7. FLASH在IE浏览器显示正常，在别的浏览器一片空白，为何呢
  8. iphone + html5是个美模式
  9. div+css学习之二列跟三列布局