[CSS] overflow 속성 3가지

dygreen·2022년 3월 22일
0

CSS

목록 보기
4/11
post-thumbnail
post-custom-banner

📌 overflow ?

: overflow 속성은 자식이 부모보다 넘쳤을 때 어떻게 보여줄건지 결정하는 것
이는 부모가 결정하는 것이므로, 부모에게 적용해야 함!


📌 overflow 속성 3가지

  • overflow: scroll;
    👉 스크롤바를 생성하여 자식이 보이게 함
    ❗️ 위/아래 모두 스크롤바가 생성되어 불필요한 스크롤바가 있을 수 있음

  • overflow: hidden;
    👉 부모보다 넘치는 자식은 숨겨서 안 보이게 함

  • overflow: auto;
    👉 자식의 내용에 따라 자동으로 스크롤바가 나옴


overflow: auto; overflow: hidden;이 가장 자주 쓰인다


📚 Reference

: 국비지원 수업

profile
✨감명깊은 앞단을 향한 꾸준한 여정✨

0개의 댓글