calc() 활용방법


calc()는 css에서 사용하는 함수이며, 내부 매개변수로 하나의 표현식을 받습니다.
표현식으로 다양한 형태의 값들이 들어올 수 있는데. 그 값을 계산하여 결과값으로 바꿔주는 함수입니다.


100%의  너비에서 30px 만큼 빼주기
- 연산은 + - * / 등 사칙연산 가능,
- 반드시 양쪽으로 공백을 삽입해야 함.
- 연산은 길이, 각도 등 같은 분류만 가능

div {
        width : 95%; 
        width : -webkit-calc(100% - 30px);
        width : -moz-calc   (100% - 30px);
        width : calc        (100% - 30px);
    }

출처
https://blog.naver.com/uensung/222206432961
https://blog.naver.com/kira4195/221190350985