CSS

overflow:hidden;

박성준 2012. 1. 17. 11:25

플룻요소의 컨텐츠가 들어 있을 경우, 플룻을 해제하기 위해 컨텐츠를 감싼 부분에 overflow:hidden이 쓰이기도 하는데,

컨텐츠의 크기가 유동적이라면 문제가 생길수 밖에 없습니다. 그 때 이 방법을 사용하는 겁니다.
또한 같은 맥락으로 사파리 브라우저에서 overflow:hidden 요소 땜에 컨텐츠가 밖으로 튀어나가는 오류를 해결할때도 사용합니다.

 

 

class{zoom:1}
class:after{content:".";display:block;font-size:0;height:0px;line-height:0;clear:both}