[HTML / CSS] CSS calc() - 수치 연산

calc()

CSS 내부에서 길이 연산이 필요할 때 쓰는 함수.

calc(연산식)으로 사용할 수 있다.

-moz-calc()와 -webkit-calc() 로 브라우저 간 호환성을 높일 수 있다.

javascript로 계산하기 힘든 %와 px의 계산식도 수행할 수 있다.

각 수치와 부호 사이에 공백이 없으면 오류가 난다.

예제

#content{

height: calc(100% - 70px);

height: -webkit-calc(100% - 70px);

height: -moz-calc(100% - 70px);

}