css calc() 在歌剧中不起作用答案

【问题标题】：css calc() is not working in operacss calc() 在歌剧中不起作用
【发布时间】：2014-11-03 04:43:32
【问题描述】：

我有这个 div：

<div id="outside">
    <div class="inside"></div>
</div>

CSS：

#outside {
    width:100px;
    height:100px;
    position: relative;
}
.inside {
    width:calc(100% - 50px);
    height:calc(100% - 50px);
}

Chrome、Firefox 和 Safari (mac) 按预期工作，但 Opera (mac) 无法识别 calc() 属性并忽略它。

这是一个错误吗？我在 Opera here 中发布了类似的问题。

【问题讨论】：

你到底想做什么？也许有人可以帮助您找到替代方法而不是使用 calc。
请参阅 developer.mozilla.org/en-US/docs/Web/CSS/calc 和 hongkiat.com/blog/css3-calc-function 以获得计算支持
有趣，caniuse 说它在 Opera 中可以正常工作：　caniuse.com/#feat=calc 但是你发布的最后一个链接说它在 Opera 中不支持
我更喜欢 mozilla 开发者网络来信任浏览器支持，这在您的示例中非常明显。无论如何，您是否尝试过在“外部”上使用填充而不是在“内部”容器中调整尺寸？
@KK 您使用的是哪个版本的 Opera？

【解决方案1】：

App Store 中提供的 Opera 浏览器似乎是第 12 版，已经过时一年半了（实际是 25 版）。直接从他们的网站下载并打开 jsfiddle 不会显示任何冲突。感谢 cmets。

【讨论】：