가이드라인

경계 처리(overflow)

CSS의 overflow 속성은 요소의 내용이 그 경계를 벗어날 때 어떻게 처리할지 지정합니다.


Overflow 주요 값

  • visible: 기본값으로 내용이 경계를 벗어나도 그대로 표시

  • hidden: 내용이 경계를 벗어나면 그 부분은 보이지 않음

  • scroll: 스크롤 막대가 항상 표시되며, 내용이 경계를 벗어나면 스크롤 가능

  • auto: 내용이 경계를 벗어날 경우에만 스크롤 막대가 표시


예시:

CSS
/* 내용이 요소를 벗어나면 숨김 처리 */ div#box1 { overflow: hidden; } /* 내용이 요소를 벗어나면 스크롤 막대 표시 */ div#box2 { overflow: scroll; } /* 필요할 때만 스크롤 막대 표시 */ div#box3 { overflow: auto; }

코드의 별표로 강조된 부분을 따라 입력해 보세요.

가이드라인

AI 튜터

배포

디자인

업로드

수업 노트

즐겨찾기

도움말