[css]calc() 함수

calc()함수란?

width, height, fint-size, margin, padding 값을 계산 할 때나 transition, 애니메이션 처리 할 때 사용하는 함수이다.

브라우저의 크기에 따라 요소의 너비나 높이가 변화해야 하는 경우 사용하기 적절하다.

더하기, 빼기, 곱하기, 나누기등 사칙연산을 이용해서 표현한다.

• 모든 계산은 왼쪽에서 오른쪽으로 진행된다
• 사칙연산과 마찬가지로 곱하기, 나누기가 제일 먼저 진행된다.
• 다른 단위값들을 같이 사용할 수 있다.
• 더하기(+), 빼기(-) 연산자의 경우 앞뒤 공백이 반드시 들어가야 한다.
  곱하기, 나누기는 공백이 필요하지 않다.