Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iframe高度“100%-X像素”_Javascript_Jquery_Html_Css_Iframe - Fatal编程技术网

Javascript iframe高度“100%-X像素”

Javascript iframe高度“100%-X像素”,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我想剪切一个外部iframe的底部区域,我想在我的网站上包括这个框架,在这个框架中有我无法修改的链接,如果我点击它们,我会转到另一个与原始页面大小不同的页面 我想做一些事情,就像我知道没有这样的语法,但我的目标是复制它 那么,有没有办法隐藏iframe底部的tot像素呢?看看css中的calc函数 从IE10开始就可以使用,IE9有点不稳定 您可以这样做: iframe{ height: calc(100% - 20px); } 如果100%的高度是100px,那么它会变成80px请原谅我

我想剪切一个外部iframe的底部区域,我想在我的网站上包括这个框架,在这个框架中有我无法修改的链接,如果我点击它们,我会转到另一个与原始页面大小不同的页面

我想做一些事情,就像我知道没有这样的语法,但我的目标是复制它

那么,有没有办法隐藏iframe底部的tot像素呢?

看看css中的calc函数

从IE10开始就可以使用,IE9有点不稳定

您可以这样做:

iframe{
  height: calc(100% - 20px);
}
如果100%的高度是100px,那么它会变成80px请原谅我的简单,我的数学很糟糕

您可以通过查看此链接了解更多信息:

参考资料:

这个怎么样:

    .outer {
        width:300px;
        height:290px;
        overflow:hidden;
    }

    <div class="outer">
        <iframe width="300" height="300"></iframe>
    </div>
如果这没有帮助,你有链接吗


您可以使用外部div和带边框的iframe等的css,使其看起来完美

这里是一个基于BeatAlex answer的现场演示:

演示: