CSS overflow hidden 안먹힘 해결법

overflow hidden을 했는데도 안 먹히고 자식 요소가 삐져나가는 경우가 있다.

 

사실 이러는 데에는 다른 원인이 있다.

 

 

absolute의 부모 요소를 relative로 안 했기 때문

 

 

지금 열심히 overflow hidden 하고 있는 요소에

position: relative;

하나를 추가해 보라.

 

 

문제 해결 !!

 

 

 

 

absolute 요소는 늘 상위 relative 요소를 기준으로 위치된다는 점을 잊지 말자.

 

 

끝