css - 加载 iframe 时页脚消失

Question

我想在我的页面中有一个页脚，我有以下代码

<div class="container">
  <div class="row">
    <iframe id="iframe" width="100%" height="100%" src="http://www.selitera.com" style="border: 0; top:0; left:0; right:0; bottom:0; width:100%; height:100%" />
  </div>
  <div class="row">
    Some footer text
  </div>

</div>

  html,
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: auto;
  }

  .container {
    height: 100%;
    width: 100%;
    display: block;
  }

https://jsfiddle.net/6fqcnmaj/

我想始终在页面上加载页脚并在页脚上方为 iframe 留出可用空间吗？

有什么建议可以做到这一点吗？

Answer 1

您必须添加结尾 </iframe>标签

https://jsfiddle.net/6fqcnmaj/1/