계발하는 개발자

overflow 속성은 크기가 제한된 영역에서 많은 양의 컨텐트를 보여줄 때 사용된다. 일반적으로 overflow 속성이 visible 설정(디폴트값)된 엘리먼트는 주어진 공간보다 담고있는 컨텐트가 더 큰 경우, 컨텐트를 밖으로 밀어내버리는 특성이 있다. 한 개의 엘리먼트를 배치하는 경우라면 간과하기 쉽지만, overflow 속성이 visible된 엘리먼트 두 개를 연속 위아래로 배치하는 경우라면 문제가 생긴다! 첫번째 엘리먼트의 빠져나온 컨텐트 부분이 두번째 엘리먼트와 겹치게 되기 때문. (1) overflow: hidden 이때 overflow 속성에 hidden 값을 주면 삐져나온 컨텐트를 숨길 수 있다. 이름 그대로 내용을 숨긴다는 의미 ! 위 모습처럼 긴 텍스트의 뒷 부분이 싹뚝 아예 잘려나가는..