css - 사용법 - 다른 함수 안에서 calc()를 사용하는 법



css calc 사용법 (2)

transform 이나 translate 와 같은 CSS 함수에서 calc() 를 사용할 수 있습니까? 나는 그것을 작동시키는 것처럼 보일 수 없다. 당신이 주위에 놀 수 있도록 데모가 있습니다 :

http://jsfiddle.net/qdJwY/1/

https://src-bin.com


Answer #1

CSS에서 길이 기반 값을 사용할 수있는 곳이면 어디에서나 calc() 사용할 수 있습니다. 당신이 제공 한 예제는 작동하지만, 실제로는 0을 더합니다. 다음은 약간 변경된 데모입니다 : http://jsfiddle.net/joshnh/6ydR3/

또한 접두사가없는 버전을 마지막으로 나열하십시오.

변환에서 calc () 함수의 다른 값 유형과 비율을 혼합해도 Chrome에서 전혀 작동하지 않는 것 같습니다. 나는 이것을 버그로보고 할 것이다.

업데이트 : 버그로보고되었습니다. https://code.google.com/p/chromium/issues/detail?id=150054


Answer #2

작동 방식 : http://jsfiddle.net/qdJwY/2/

(편집 : Firefox에서만 테스트 됨)

예를 들어 100% = 200px 이므로 0으로 번역했습니다.





css-calc