2014-11-02 56 views
0

工作,我有这样的div:CSS计算()未在歌剧

<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); 
} 

JSFIDDLE

的Chrome,Firefox和Safari(MAC)按预期工作,但Opera(mac)不识别calc()属性,并忽略它。

这是一个错误?我在Opera here上发布了类似的问题。

+0

你想要做什么?也许有人可以帮助你找到替代方式,而不是使用calc。 – 2014-11-02 12:59:57

+0

请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/calc和http://www.hongkiat.com/blog/css3-calcfunction/以获得计算支持 – 2014-11-02 13:09:47

+0

有趣的,caniuse说它在Opera中正常工作:http://caniuse.com/#feat=calc但是你发布的最后一个链接说它在Opera中不支持 – Alvaro 2014-11-02 13:13:09

回答

0

似乎在App Store中提供的Opera浏览器是版本12,超过一年半的时间(实际为25)。直接从他们的网站下载并打开jsfiddle并不显示任何冲突。感谢您的评论。