[CSS] calc()

css함수를 사용하면 css 속성의 값으로 계산식을 지정할 수 있다.

/* property: calc(expression) */
width: calc(100% - 80px);

 

매개변수로 표현식 하나를 받고, 표현식의 결과가 최종 값이 된다.

표현식은 단순 계산식은 무엇이든 가능하며, 표준 연산자 우선순위를 따른다. 

calc() - CSS: Cascading Style Sheets | MDN

calc() - CSS: Cascading Style Sheets | MDN

CSS calc() 함수

W3Schools.com