Плавающие div в обе стороны

Question

Допустим, у меня есть группа div, которые имеют либо «левый» класс, либо «правый» класс.Можно ли заставить эти элементы плавать с обеих сторон контейнера, как если бы был столбец «левых» элементов и столбец «правых» элементов, выровненных один под другимПорядок div является случайным.

Я не ищу двухколонный макет.;)

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
}