float 해제

1. 가상엘리먼트 이용 (좋은방법)

#id / .class { zoom:1;}

#id:after / .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;}


2. overflow (자주쓰이지만..)

.class { overflow:auto;}, 또는
.class { overflow:hidden;}


3. float:left;



4. clear:both;



5. inline-block

.class:after { content:""; display:block; clear:both; height:0; visibility:hidden;}
.class { display:inline-block;}



6. 빈 엘리먼트로 처리
: float 아랫쪽에 빈 div를 줘서 처리

.clear {clear:both; height:0; overflow:hidden;}




참고 :
http://beone.tistory.com/382
http://naradesign.net/wp/2008/05/27/144/