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

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

[그랩마켓] 웹 화면 구현하기 - 1

body

작성

301

부모태그인 body에 height값으로 크기를 지정해줘야만

#body에 height:100%가 먹어요.

안해주면 그냥 입력되는 컨텐츠 만큼만 차지하는데 어떻게 하면

영상처럼 바로 본문영역을 차지하게 하나요?

답변 5

저도 같은 문제가 있었는데

이거 보고 해결 되었습니다

감사합니다

질문자

오 해보니까 해결됬어요 !!! 휴일에도 답변 감사드립니다!!

질문자

이렇게 나오네요 ㅠㅠ

지식공유자

좋은 질문 감사합니다 :)

우선 html 파일 맨 위에 DOCTYPE 코드를 지워주시면 정상적으로 동작할 거예요.

DOCTYPE html을 선언해주면 html의 모드(quirks -> standard)가 변경되는데 이때 기존의 html과 body의 default height가 100% 였던 것이 적용되지 않습니다!

그래서 만약 DOCTYPE을 선언해주려면 명시적으로 html,body에 height를 100% 넣어주셔야 합니다!

지식공유자

안녕하세요. 크롬브라우저에서 확인하신 게 맞을까요?

만약 맞다면 개발자도구에서 부모 body 태그의 style을 한 번 캡쳐해주세요~!

질문자

작성한 질문수