양쪽에 Float divs가 있습니다.

Question

"left"클래스 또는 "right"클래스가있는 div가 여러 개 있다고 가정 해 봅시다. "왼쪽"div의 열과 "right"div의 열이 다른 것의 아래에 정렬 된 것처럼 이러한 div가 컨테이너의 양쪽에 떠 다니게 할 수 있습니까? div의 순서는 무작위입니다.

2 열 레이아웃을 찾고 있지 않습니다. ;)

Answer 1

참조 :http://jsfiddle.net/thirtydot/qdZWh/

HTML :

<div class="left"></div> 
<div class="right"></div> 
<div class="left"></div> 
<div class="right"></div> 

CSS :

div { 
    width: 50px; 
    height: 50px; 
    outline: 1px dashed #666 
} 
.left { 
    float: left; 
    clear: left; 
    background: yellow 
} 
.right { 
    float: right; 
    clear: right; 
    background: #0f0 
}