CSS - 스크롤 바의 생성과 삭제를 정하는 overflow 속성

CSS의 overflow 속성은 요소의 내용이 요소의 상자에 맞지 않을 때 어떻게 처리할지를 지정합니다. 주로 요소의 크기가 고정되어 있고 내용이 그 크기를 벗어날 때 사용됩니다.

 

overflow 속성은 다음과 같은 값들을 가질 수 있습니다:

1. visible (기본값): 내용이 요소의 상자를 벗어나도 가려지지 않고 계속해서 표시됩니다. 다른 요소들에게 영향을 미칠 수 있습니다.
   overflow: visible;
2. hidden: 내용이 상자를 벗어나면 가려집니다. 즉, 상자 외부의 내용은 보이지 않습니다.
   overflow: hidden;
3. scroll: 내용이 상자를 벗어나면 스크롤바가 표시되어 사용자가 스크롤하여 숨겨진 내용을 볼 수 있습니다.
   overflow: scroll;
4. auto: 내용이 상자를 벗어나면 필요에 따라 스크롤바를 표시합니다. 필요한 경우만 스크롤바가 나타납니다.
   overflow: auto;

이러한 overflow 속성을 사용하여 요소의 내용이 넘칠 때 어떻게 처리할지를 조절할 수 있습니다.