Clearfix 클리어 플로트

clearfix는 다음과 같이 정의됩니다.

<span style="color: #800000;">.clearfix:after</span>{<span style="color: #ff0000;">visibility</span>:<span style="color: #0000ff;">hidden</span>;<span style="color: #ff0000;">display</span>:<span style="color: #0000ff;">block</span>;<span style="color: #ff0000;">font-size</span>:<span style="color: #0000ff;">0</span>;<span style="color: #ff0000;">content</span>:<span style="color: #0000ff;"> ” “</span>;<span style="color: #ff0000;">clear</span>:<span style="color: #0000ff;">both</span>;<span style="color: #ff0000;">height</span>:<span style="color: #0000ff;">0</span>;}<span style="color: #800000;">
.clearfix</span>{<span style="color: #ff0000;">*zoom</span>:<span style="color: #0000ff;">1</span>;}

방법: 하위 노드를 부동으로 설정하고 상위 노드에 Clearfix 클래스를 추가하면 부동의 클리어링 효과를 얻을 수 있습니다.

참고: http://blog.sina.com.cn/s/blog_60b35e830101c1r8.html