overflow 썸네일형 리스트형 float된 엘리먼트와 감싸는 블럭의 백그라운드 문제 float:left, float:right 속성의 엘리먼트만을 포함한 블럭에 백그라운드를 적용했을때, float된 컨텐트의 높이를 잡아주지 못해서 백그라운드가 적용되지 않는다. 1. firefox의 경우 overflow:auto;를 하면 자동 클리어 (IE에 적용이 안됨) 2. firefox와 IE overflow:auto; height:지정; 양 브라우저에 모두 적용되지만, 플로우트된 엘리먼트가 지정한 height 값을 넘을 경우 스크롤이 생긴다. - 적용 예 : 높이가 정해진 디자인에 사용 가능 ex) .titleLine { overflow:auto; height:20px; border-bottom:1px solid #ddd; } .titleLine h1{ float:left } .titleLine .. 2008. 1. 8. 17:38 더보기 float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법 1. A에 overflow:auto; 해준다. 2. A 다음에 나오는 태그에 clear:both; 해준다. overflow:auto 자체가 clear 기능을 한다. 2007. 12. 1. 23:21 더보기 이전 1 다음