[CSS] overflow: hidden

hidden

반대로 overflow 속성을 hidden으로 설정해주면 해당 HTML 요소 밖으로 삐져나오는 컨텐츠를 숨겨버릴 수 있습니다.

.lyrics {
  overflow: hidden;
}

 

See the Pen position-sticky by mirian (@anananananancatdeveloper) on CodePen.

 

overflow 속성을 hidden으로 지정된 요소 내에서는 긴 텍스트의 뒷 부분이 아예 잘려버리는 것을 확인할 수 있습니다.