함수 : calc()

활용1 : 가변적으로 변하는 길이의 계산이 필요할 때

width: calc(100% - 20px);
width: calc(74px * 9 + 37px * 2);

• 여러 단위를 혼합한 사칙연산으로 계산하며, 각 연산자 좌우로 공백이 필요하다.

• width, height, font-size, margin, padding, border-radius 등의 값을 계산할 때 사용한다.

활용2 : 정확한 영역의 분할이 필요할 때

width: calc(100% / 3);

• 정확히 떨어지지 않는 값을 계산할 때 유용하다.