CSS로 동적으로 플로트 삭제

Question

CSS에서 3 열 블로그 레이아웃을 만들려고합니다. 각각의 새 게시물에는 컨테이너 div의 내부에 동적으로 추가 된 새 div가 있습니다.

그러나 나는 명확한 요소를 수동으로 배치 할 수 없기 때문에 수레를 지우는 데 문제가 있습니다. http://jsfiddle.net/DZASD/

을 그리고 여기 내가 모양을 원하는 내용은 다음과 같습니다 :

여기에 지금의 모습의 내가 할 수 있어야합니다 http://jsfiddle.net/DZASD/1/

이 수동으로 3 DIV 후 <div style="clear:both;">을 배치하지 않고. 잠재적으로 무한 div가 추가 될지라도 3 번째 div마다 플로팅 요소를 선택적으로 지울 수있는 방법이 있습니까?

감사합니다.

Answer 1

CSS 선택기 nth-child을 사용하면 각 세 번째 요소에 clear을 적용 할 수 있습니다.

CSS

.box:nth-child(3n + 1) { 
    clear: both; 
} 

Demo

How nth-child works

참고 : nth-child이 not supported by IE8 and less입니다.