<p><img src="https://cdn.inflearn.com/public/files/posts/a419e805-ceb2-45b6-a84c-4287d0af3d0d/blob" alt="" /></p>
<p><img src="https://cdn.inflearn.com/public/files/posts/aee165ed-4396-46ac-ae28-6e670de3d47a/blob" alt="" /></p>
<p>상위 속성부터 차례대로 height 100%를 주어 전체 적으로 높이를 맞추는 부분이 이해는갔으나 코드가 실행이 되지않습니다 어떻게 해야할까요</p>
<p></p>
<p></p>

<p>제 경우에는 &nbsp;#body 위치 때문에 height 100% 적용이 안 &nbsp;되었습니다. 같은 케이스시라면 아래와 같이 #root &gt; div &gt; div 추가로 해결은 됩니다.</p>
<div style="color: #eeffff; background-color: #263238; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 15px; line-height: 23px; white-space: pre;">
<div><span style="color: #ffcb6b;">html</span><span style="color: #89ddff;">,</span></div>
<div><span style="color: #ffcb6b;">body</span><span style="color: #89ddff;">,</span></div>
<div><span style="color: #89ddff;">#</span><span style="color: #f78c6c;">root</span><span style="color: #89ddff;">,</span></div>
<div><span style="color: #89ddff;">#</span><span style="color: #f78c6c;">root</span> <span style="color: #89ddff;">&gt;</span> <span style="color: #ffcb6b;">div</span><span style="color: #89ddff;">,</span></div>
<div><span style="color: #89ddff;">#</span><span style="color: #f78c6c;">root</span> <span style="color: #89ddff;">&gt;</span> <span style="color: #ffcb6b;">div</span> <span style="color: #89ddff;">&gt;</span> <span style="color: #ffcb6b;">div</span> <span style="color: #89ddff;">{</span></div>
<div><span style="color: #b2ccd6;">height</span><span style="color: #89ddff;">:</span> <span style="color: #f78c6c;">100%</span><span style="color: #89ddff;">;</span></div>
<div><span style="color: #89ddff;">}</span></div>
</div>

<p>위 CSS가 정상적으로 적용되었는지 확인해봐야 할 것 같습니다.</p>
<p>개발자 도구에서 해당 화면 Elements를 캡쳐해주실 수 있을까요?&nbsp;</p>

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

body태그 height 오류