加载iframe时页脚消失

时间:2017-11-05 18:08:09

标签: html css html5 iframe

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

<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的可用空间?

任何指针都可以做到这一点?

2 个答案:

答案 0 :(得分:2)

您必须添加结束</iframe>标记

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

答案 1 :(得分:0)

我已尝试对您的代码进行一些更改,但我发现当您添加iframe代码时,它没有关闭,这就是为什么您的页脚没有出现。这是我们如何编写Iframe标记的示例。看看。

我正在添加解决方案截图。请看一看。 This image is a solution of your question please look at the red border in bottom right side.