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

Question

block 이 되면 오른쪽에 안 보이는 영역 까지,

한 줄에 하나씩이라고 알고있는데요,

gnb가 block 으로 바꼈는데 왜 gnb 영역이 수업화면에서는

그렇지가 않아서 의아합니다. gnb 가 블럭요소가 됐는데 왜 inline 영역만큼의 영역을 가지고 있나요??

Answer

a는 블록으로 100% 너비로 차고 있습니다.

인라인 영역 만큼 있는건 텍스트의 변화만 보셔서 그렇습니다.

배경색이나 보더가 변하는 호버를 해보시면 바로 확인되실거에요.

예제가 텍스트 색상이 변경되는거라 확인이 안되지만 a에 보더를 그려보시면 바로 아실거에요.