CSS의 overflow 속성

웹 페이지 디자인을 할 때 요소가 화면을 벗어나는 경우가 있습니다. 이를 해결하기 위해 overflow 속성을 사용할 수 있습니다. overflow 속성을 사용하면 요소가 화면을 벗어났을 때 어떻게 처리할지를 정할 수 있습니다.

사용 방법

.element {
  overflow: visible | hidden | scroll | auto;
}

• visible: 요소가 화면을 벗어나더라도 가려지지 않고 그대로 보입니다.
• hidden: 요소가 화면을 벗어난 부분은 보이지 않게 합니다.
• scroll: 요소가 화면을 벗어날 경우 스크롤바를 표시하여 스크롤해서 볼 수 있도록 합니다.
• auto: 내용이 화면을 벗어날 경우에만 스크롤바를 표시하여 스크롤해서 볼 수 있도록 합니다.

overflow 속성을 적절히 사용하여 요소가 화면을 벗어나는 상황을 극복할 수 있습니다.

자세한 내용은 MDN web docs를 참고하세요. ```