• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

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

22.01.18 00:18 작성 조회수 880

1

안녕하세요~ calc() 사칙연산 공부중에 질문이 있는데요

 

height: calc(100vh - 40px);

width: calc(100% - 40px);

 

저 2개 값에 - 40px값을 주면은 양쪽에 시계방향부터 상 우 하 좌 값으로 각각 10px씩 적용되는 원리로 생각하면 되나요?

만약 -40px를 -80px값으로 바꾼다면 각각 상 우 하 좌 값이 20px씩 적용되는건가요?

헷갈려서 여쭤봅니다!

답변 1

답변을 작성해보세요.

1

height: calc(100vh - 40px);

width: calc(100% - 40px);

이런 경우는 상하좌우 20픽셀씩 빼는게 아니라 왼쪽 상단을 기준으로 40픽셀을 빼는거에요.