북마크 작성자 정보
작성일/수정일
2021-10-12 10:30:39 / 2021-10-12 10:30:39
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