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

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

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

为什么使用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. javascript 除去空格 特殊符号 html标签 event事件
  2. 跪求大神相助，param元素调用失败
  3. css学习初记（一）
  4. 稽查网站中没用到的css
  5. 固定言语编码、字号、字体
  6. 鼠标悬停透明，困扰了小弟我几个月的有关问题，一直没查到如何解决，呼唤高手
  7. Android “在加载中…”实现方法 此内容引自大愚微博，原文地址:http://www.mjix.com/archives/957.html
  8. 太奇怪了！大家来看看！解决方案
  9. 施用createDocumentFragment不要使用innerHTML