안녕하세요~ calc() 사칙연산 공부중에 질문이 있는데요
&nbsp;
height: calc(100vh - 40px);
width: calc(100% - 40px);
&nbsp;
저 2개 값에 - 40px값을 주면은 양쪽에 시계방향부터 상 우 하 좌 값으로 각각 10px씩 적용되는 원리로 생각하면 되나요?
만약 -40px를 -80px값으로 바꾼다면 각각 상 우 하 좌 값이 20px씩 적용되는건가요?
헷갈려서 여쭤봅니다!

height: calc(100vh - 40px);
width: calc(100% - 40px);
이런 경우는 상하좌우 20픽셀씩 빼는게 아니라 왼쪽 상단을 기준으로 40픽셀을 빼는거에요.
<img src="https://cdn.inflearn.com/public/comments/fb0ee3b0-000a-424e-ba50-d412642824fb/blob" alt="" />

인프런 커뮤니티 질문&답변

CSS calc() 메서드 질문있습니다.