[HTML/CSS] overflow

오버플로우(overflow) : 내용이 초과되는 경우 처리 방법

 

overflow : hidden 👉지정된 영역을 넘어가면 그대로 잘라버림

overflow : scroll 👉내용이 적어도, 많아도 양과 관계없이 무조건 스크롤로 보여줌

overflow : auto 👉내용이 많아 지정된 영역을 넘을 때만 스크롤로 보여줌 (내용이 적어 지정된 영역을 넘지 않으면 스크롤X)

overflow : visible 👉지정된 영역을 넘어가도 무시하고 내용 모두 보여줌 

 

scroll은 무조건 스크롤, auto는 필요시 스크롤인 점 참고!