공군소령김도지
614
2021-05-26 15:07:30
2
209

CSS html,body에 둘다 100% 썼을때 스크롤이 생기는 이유


텅빈 html 파일에 

css로 

html,body{
  width100%;
  height100%;
  background-colorbrown;
}


주변 사이트 하단에 스크롤이 생깁니다. 

왜 생기는 건가요?

예를 들어 모니터의 가로 크기가 1080px 이면 

1080px가 중첩되면서 늘어난 것인가요?

0
  • 답변 2

  • RWB
    1k
    2021-05-26 15:24:58

    브라우저마다 다를 수 있지만, 크로뮴 기반 브라우저의 경우 기본적으로 body 태그에 margin 8px가 붙어있습니다.


    때문에 html, body에 100%를 주게 되면, body가 상위 태그인 html의 크기 100%에 상하좌우 margin 8px가 붙습니다.

    즉, body는 html 100% 높이 + 16px를 갖게 됩니다.


    body에 margin: 0 적용하시면 됩니다.

  • spoon
    2k
    2021-05-26 15:25:07

    margin, padding 이런걸 확인해보시죠

  • 로그인을 하시면 답변을 등록할 수 있습니다.