CSS "overflow"

overflow는 단어 그대로 제한된 영역 밖으로 넘쳐 흐르는 컨텐츠에 적용하는 속성이다.
overflow 속성의 옵션은 다음 4가지가 있다.

1. visible : 기본 값. 넘친 컨텐츠가 그대로 보여진다.
2. hidden : 넘치는 부분이 숨겨진다.
3. scroll : 스크롤 바를 생성한다. (필요하지 않아도)
4. auto : 필요 시 스크롤 바를 생성한다.

또한 overflow-x , overflow-y 처럼 축을 선택하여 사용 가능하다.
overflow-x는 실무에서 잘 사용하지 않고, overflow-y는 reset에 포함되는 경우가 많다고 한다.

• body { overflow-y : scroll; }
  - 화면을 늘리거나 줄일 때 스크롤 바 생성에 의한 미세한 움직임이 나타나기 때문에 이 코드를 사용하여 항상 스크롤 바가 나타나도록 설정해준다.