• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

padding-top <-> height 질문입니다.

20.10.06 10:40 작성 조회수 131

0

1번째 container에 height가 `heightNum`값에 따라서 5815px로 설정되었습니다. 근데 이 때, padding-top이 50vh로 설정되었는데 5815px 안에 포함되더라구요. 

다른 페이지를 열어서 padding-top을 따로 줬을 때는 height + padding-top이 되어서 어떤 원리로 height 내에 padding이 포함된 것인지 궁금합니다. 

답변 4

·

답변을 작성해보세요.

0

Hwi Kwon님의 프로필

Hwi Kwon

질문자

2020.10.07

확인 감사합니다. 

0

default.css에 해당 속성이 기본적으로 포함되어있습니다^^
예전에는 구버전 인터넷 익스플로러에서 box-sizing을 지원하지 않아서 잘 사용하지 않았었는데,
대부분의 브라우저가 지원하는 현재는 계산이 더 간편한 box-sizing: border-box를 디폴트로 세팅하고 사용하는 경우가 많습니다.
라이브러리들도 border-box를 기본값으로 하는 경우가 많고요~

0

Hwi Kwon님의 프로필

Hwi Kwon

질문자

2020.10.06

기존 코드에는 추가되어 있진 않았었네요. 다른 property 때문에도 height가 영향을 받지 않나요?

0

Hwi Kwon님의 프로필

Hwi Kwon

질문자

2020.10.06

box-sizing: border-box;를 추가하면 되는군요. 감사합니다.