calc()

calc()

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

section {
    min-height: calc(100vh - 230px);
}

연산자

+ : 더하기 // 좌우 공백 필수
- : 빼기 // 좌우 공백 필수
* : 곱하기  
/ : 나누기

계산순서

• 왼쪽에서 오른쪽 계산
• 곱셈과 나눗셈 먼저 계산, 덧셈과 뺄셈은 나중에
• 괄호가 있다면 우선 계산

브라우저 호환성