如何降低页脚

Question

我在母版页中使用iframe。我有两个母版页。一旦用户输入，第二个母版页适用。所以第二个母版页有iframe，我希望页脚显示为iframe。

iframe的css：

iframe 
 { position:fixed; height: 100%; display:block; width:100%; border:none; } 

html是：

<div>
   <iframe src="http://ch.tbe.taleo.net/CH10/" style="width:100%; height:100%; bottom="100%; frameborder="0";
                allowfullscreen">
   </iframe> 
</div>

我的页脚：

 <div>
     <br/><br/>
     <center style="font-size: small; font-family: Arial">
          Please contact Human Resources with any additional questions or concerns via email a <br/>
      </center>
 </div>

问题是：页脚正在播放内容。不在底部

Answer 1

这是因为你的iframe有一个fixed position，然后页脚会转到页面顶部。

position:fixed提取元素并留下空间以供其他元素填充。

两种解决方案：

一个如果可以，请使用position:relative更好地设置iframe

两个将您的页脚的margin-top设置为等于iframe的height。