블록 요소의 특징
- 기본(디폴트) width가 100%다.
- height는 처음엔 (요소 안에 텍스트처럼 뭔가를 넣기 전에는) 0이다. 안에 내용을 넣으면 그 내용의 크기만큼 height가 늘어난다.
height를 200px로 설정하고 그 안에 아주 긴 텍스트를 계속 넣으면, 어느 순간 그 콘텐츠의 높이가 200px를 넘어서는 순간 텍스트가 상자(box 모델의 그 박스) 밖으로 밀려난다. 이걸 overflow라고 한다. CSS는 콘텐츠를 가리거나 잃고 싶지 않기 때문에 상자 밖으로 넘쳐버린 콘텐츠를 자르는 대신 그냥 넘치게 둔다.
이런 문제가 발생할 수 있으므로 height 속성은 웬만하면 사용하지 않는 것이 좋다.
✨