꺾이지 않는 마음

코딩을 하다 보면 내용물이 영역을 삐죽 튀어나올 경우 overflow 속성을 자주 사용한다. 그런데 내용물이랑 관계 없이 스크롤 바가 위아래로 내리는 것만 생길 때도 있고, 좌우로 움직이는 것까지 같이 생길 때도 있다. 그래서 MDN 사이트에 overflow 속성을 검색해 보았다. 1. visible(기본 값) 우선 overflow의 기본 값인 visible이다. 콘텐츠의 길이가 부모 요소의 영역 보다 길면 그대로 영역 밖을 삐져나가 내용물이 노출된다. 2. hidden hidden을 사용하면 부모 요소의 영역을 넘어가는 내용물이 전부 숨겨진다. 3. scroll 콘텐츠의 길이와 상관 없이 스크롤 바를 생성한다. 오른쪽 뿐만 아니라 하단에도 스크롤 바를 위한 공간이 생성되어 있는 모습을 볼 수 있다. 프..