overflow~ | HTML&CSS 시리즈 019

width, height, max-width, max-height 등을 설정하다 보면 내용물이 들어갈 공간이 부족한 경우가 있습니다.

 

이런 경우에 오버플로우를 사용해줍니다.

 

visible

 

hidden

 

scroll

 

auto

scroll과 거의 똑같은데, 한 가지 차이점이 있습니다.

scroll은 항상 스크롤바를 보여주고,

auto는 내용물이 넘쳐날 때만 스크롤바를 보여줍니다.