Javascript 将iframe定位在页脚部分上方。简单的_Javascript_Html_Css_Iframe_Styles

Javascript 将iframe定位在页脚部分上方。简单的

javascript html css iframe

Javascript 将iframe定位在页脚部分上方。简单的,javascript,html,css,iframe,styles,Javascript,Html,Css,Iframe,Styles,我希望iframe位于有一些内容的页脚部分之上我是一个真正的初学者，但我能够拼凑一些代码 <!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> <tit

我希望iframe位于有一些内容的页脚部分之上

我是一个真正的初学者，但我能够拼凑一些代码

<!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>Test Layout</title>
    <style type="text/css">
      body, html {
        margin: 0; padding: 0; height: 100%; overflow: hidden;
      }
      #footer {
        position:absolute; left: 0; 
        top: expression(document.body.clientHeight-150); 
        right: 0; 
        height: 150px; 
        background: red;
      }
      #content {
        position:absolute; 
        left: 0; 
        right: 0; 
        bottom: expression(document.body.clientHeight-150); 
        top: 0; 
        background: blue; 
        height: expression(document.body.clientHeight-150);
      }
    </style>
  </head>
  <body>
    <div id="content">
      <iframe width="100%" height="100%" src="https://www.link.com" />
    </div>
    <div id="footer">
      Test content
    </div>
  </body>
</html>


测试布局
正文，html{
边距：0；填充：0；高度：100%；溢出：隐藏；
}
#页脚{
位置：绝对；左侧：0；
顶部：表达式（document.body.clientHeight-150）；
右：0；
高度：150像素；
背景：红色；
}
#内容{
位置：绝对位置；
左：0；
右：0；
底部：表达式（document.body.clientHeight-150）；
排名：0；
背景：蓝色；
高度：表达式（document.body.clientHeight-150）；
}
测试内容

-顺序是正确的，iframe位于上面，但是iframe本身太小了。我希望没有滚动条。页脚部分不显示背景色或文本。我显然把事情搞得一团糟

-我也不希望页脚被绝对定位，用户应该向下滚动一点才能看到它

-我还很想知道如何在iframe太小的情况下从iframe中删除滚动条。事实上如果有一种方法可以“切断”源链接的底部并用我的页脚替换它，那就太好了。

oke首先-我建议不要使用内联CSS和ID，最好使用

CSS

文件并链接到它，而不是使用类，例如为页脚使用页脚标记等等那是次要的！别担心，你可以在小提琴的贝娄上看到我拿了你的例子，把它放进我相信你想要的东西里：

编辑：更新的JSFIDLE--

如果需要，我会添加您的代码：）

这很酷，但我在任何地方都看不到页脚=（.它应该有一个红色的背景，上面写着测试内容。我真的看不到。我试着向下滚动，但它刚好到达youtube视频的末尾。我想它在youtube视频后面。分辨率可能会有所不同？我试着将右下角的窗口尽量扩大，我看到了一点红色背景，但没有文本。什么眉毛您正在使用的服务器？如果多次选中并且我的显示：/n您不应该展开窗口-右下角窗口的侧面有一个滚动条-或者只是按住视频并向下滚动