向两侧浮动div

Question

假设我有一堆 div，它们要么有“左”类，要么有“右”类。是否可以使这些 div 浮动在容器的两侧，就像有一列“左”div 和一列“右”div 彼此对齐一样。 div 的顺序是随机的。

我不是在寻找两列布局。 ;)

Answer 1

参见： http://jsfiddle.net/thirtydot/qdZWh/

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

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