1. float된 엘리먼트들을 감싸는 부모에 overflow: hidden; *zoom:1; 추가
2. float된 엘리먼트들을 감싸는 부모에 가상선택자를 이용한방법
부모엘리먼트 {
    *zoom: 1;
}
부모엘리먼트:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
3. clear:both를 하고자하는 엘리먼트에 float을 지정... 단 넓이는 부모의 실컨텐츠 넓이와 같은 100%로 지정되어야함
4. 감싸는 부모의 닫힘 태그 바로 이전에 빈 태그를 삽입하고 clear:both;를 추가.

 

'PROGRAM > CSS' 카테고리의 다른 글

강제로 익스 호환성보기  (0) 2014.03.19
호환성 보기에서 이미지에 알 수 없는 여백이 생길 때  (0) 2013.12.30
링크 아웃라인 점선 없애는 CSS  (0) 2013.09.11
구글 웹폰트  (0) 2013.07.12
투명CSS  (0) 2013.06.26