<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #212529; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #eef8f9; margin: 0px !important 0px 12px 0px;">block 이 되면 오른쪽에 안 보이는 영역 까지,
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #212529; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #eef8f9;">한 줄에 하나씩이라고 알고있는데요,&nbsp;
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #212529; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #eef8f9;">gnb가&nbsp; block 으로 바꼈는데 왜 gnb 영역이 수업화면에서는
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #212529; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #eef8f9;">그렇지가 않아서 의아합니다.&nbsp; &nbsp;gnb 가 블럭요소가 됐는데 왜 inline 영역만큼의 영역을 가지고 있나요??&nbsp;

a는 블록으로 100% 너비로 차고 있습니다.
인라인 영역 만큼 있는건 텍스트의 변화만 보셔서 그렇습니다.
배경색이나 보더가 변하는 호버를 해보시면 바로 확인되실거에요.
예제가 텍스트 색상이 변경되는거라 확인이 안되지만 a에 보더를 그려보시면 바로 아실거에요.

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

gnb 영역 관련 질문있습니다.