Question

我想剪切我想要包含在我网站上的外部iframe的底部区域，在此框架内有我无法修改的链接，如果我点击它们，我会转到另一个有与原版不同的尺寸。

我想做<iframe height:100%-20px />之类的事情（我知道没有像这样的语法，但我的目标是重现它）

那么，有没有办法隐藏iframe底部的像素？

Answer 1

查看css中的calc()函数。

它可以从IE10开始使用（IE9有点不稳定。）

你可以这样做：

iframe{
  height: calc(100% - 20px);
}

如果100%身高是100px，那么它会显示为80px（请原谅简单，我的数学很可怕）。

您可以通过以下链接了解更多信息：Uses for Calc()

参考：CanIUse

Answer 2

这个怎么样：

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

    <div class="outer">
        <iframe width="300" height="300"></iframe>
    </div>

如果这对您没有链接有帮助吗？

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

Answer 3

这是一个基于BeatAlex答案的现场演示：

Demo: http://jsfiddle.net/a7y7V/

iframe高度“100％ - X像素”

3 个答案: