[HTML] block 요소 overflow

block 요소란?

  • 독립된 행을 가지는 요소 집합
  • 크기 지정, 위치 조정 가능
  • p, h1~h6, ul, ol, li, div, tabel 등
  • 다른 블록 레벨 요소와 인라인 요소 포함이 가능합니다.
  • p, h, dt, address와 같은 일부 요소는 다른 블럭 요소 포함이 불가능합니다.

특정 블럭 레벨 요소의 default width(기본 넓이) 는 100%이며, 실제 값은 auto입니다.

default height : auto로 설정되어 있어야 합니다.

하지만 height에 임의로 높이를 주게되면, 컨텐츠가 영역을 초과하게 되며 이를 overflow 라고 명시합니다.이 overflow에게 따로 명령을 줄 수 있습니다.

overflow 값

visible : 넘치는 부분도 보이도록, 가장 많이 쓰이는 overflow 값입니다.

hidden : 넘치는 부분을 감추도록

scroll : width, height만큼 보이되 넘치는 부분은 스크롤로 보이도록

auto : 넘치는 방향으로만 스크롤바가 생김


댓글 남기기