[CSS] overflow

👀 overflow

overflow는 자식요소가 부모요소의 범위를 초과할 때, 이러한 상황을 어떻게 처리할 것인지에 대한 정보를 담고있다.

✔ 속성값

• overflow: visible
  자식요소가 부모의 범위를 넘어가더라도 그대로 보여준다
• overflow: hidden
  부모의 범위를 넘어가는 자식요소는 보이지 않는다
• overflow: scroll
  부모요소의 범위를 넘어가는 자식요소를 스크롤바를 통해 확인할 수 있다
• overflow: auto
  부모요소의 범위를 넘어가는 자식요소가 있을경우 스크롤바를 표시하여 확인할 수 있도록 한다.

✔ overflow-x / overflow-y

• overflow는 x축과 y축에 일괄적으로 적용됨과 반대로, x와 y축에 알맞은 overflow를 사용할 수 있도록 해준다.
• overflow의 모든 속성값을 사용할 수 있다.

👍 참고 사이트

• overflow 속성 총정리