<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;"><img title="질문_바디태그.png" src="https://cdn.inflearn.com/public/files/posts/ee219748-ad1a-4ce3-8bfa-2bfee83aec96/질문_바디태그.png" alt="" width="514" height="321" /></span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">위와같이 작성했는데 높이갚을 픽셀로 두면 잘 나오는데 100%로 두었을때 바디가 화면에 안나옵니다. ㅜㅜ</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">강의 화면에는 잘 나오는데 문제가 뭔지 모르겠어요..</span></div>

<p>최상단에 html 태그 옆에 !DOCTYPE가 붙어있게 되면, body 태그(#body의 부모)의 height가 기존에 적용됐던 100%가 아니게 됩니다.</p>
<p>따라서 본 수업에서는 !DOCTYPE를 따로 안 붙이고 진행을 했습니다 :)</p>

<p>나하고 똑같은 문제이네요...</p>
<div style="color: #eeffff; background-color: #263238; font-family: Consolas, 'Courier New', monospace; font-size: 15px; line-height: 20px; white-space: pre;"><span style="color: #89ddff;">&lt;!</span><span style="color: #f07178;">DOCTYPE</span> <span style="color: #c792ea; font-style: italic;">html</span><span style="color: #89ddff;">&gt;</span></div>
<div style="color: #eeffff; background-color: #263238; font-family: Consolas, 'Courier New', monospace; font-size: 15px; line-height: 20px; white-space: pre;"><span style="color: #89ddff;">안쓰는 이유가 머에요??</span></div>

Inflearn Community Q&A

body가 안나옵니다..