2014-11-02 54 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並不顯示任何衝突。感謝您的評論。