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

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

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

为什么使用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. 不固定宽度TD里超长内容怎么能不换行而超出部分自动隐藏
  2. HTML DOM clearTimeout() 步骤
  3. HTML OBJECT 怎么在JSP中实现密码插件呢
  4. 急找合作伙伴，主要从事网页美工方面的处理工作，地点北京,该如何处理
  5. 注释行如何写
  6. html:options 总结
  7. iframe的有关问题，救…
  8. HTML5 Canvas跟EaselJS入门（译）
  9. 在html中，单引号对应的编码是什么？解决方法