Javascript iframe高度“100%-X像素”
我想剪切一个外部iframe的底部区域,我想在我的网站上包括这个框架,在这个框架中有我无法修改的链接,如果我点击它们,我会转到另一个与原始页面大小不同的页面 我想做一些事情,就像我知道没有这样的语法,但我的目标是复制它 那么,有没有办法隐藏iframe底部的tot像素呢?看看css中的calc函数 从IE10开始就可以使用,IE9有点不稳定 您可以这样做: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{
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的现场演示: 演示: