2014-11-02 3 views
0

작동하지 않습니다 나는이 div가 있습니다CSS를 CALC는() 오페라

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

CSS : 예상대로 크롬, 파이어 폭스와 사파리 (맥)이 작동

JSFIDDLE

#outside { 
    width:100px; 
    height:100px; 
    position: relative; 
} 
.inside { 
    width:calc(100% - 50px); 
    height:calc(100% - 50px); 
} 
, 그러나 오페라 (맥) calc() 속성을 인식하지 못하고 그것을 무시합니다.

이 버그인가요? 나는 Opera here에서 비슷한 문제를 게시했습니다.

+0

정확히 무엇을 시도하고 있습니까? 아마도 누군가 calc을 사용하는 대신 다른 방법을 찾도록 도울 수 있습니다. –

+0

calc 지원에 대해서는 https://developer.mozilla.org/en-US/docs/Web/CSS/calc 및 http://www.hongkiat.com/blog/css3-calc-function/을 참조하십시오. –

+0

흥미 롭습니다. http://caniuse.com/#feat=calc에서 제대로 작동한다고하지만, 게시 한 마지막 링크는 Opera에서 지원되지 않는다고 말합니다. – Alvaro

답변

0

앱 스토어에서 제공되는 오페라 브라우저는 버전 12이며 1 년 반 이상이 경과 된 것으로 보입니다 (실제 25 개). 자신의 웹 사이트에서 직접 다운로드하고 jsfiddle을 열지 않아도 충돌이 표시됩니다. 의견에 감사드립니다.