html - 纯CSS解决div堆叠列

Question

我想在两个堆叠的 div 旁边向右浮动一个侧边栏 div，这两个 div 都向右浮动。

您可以在此处找到代码: http://jsfiddle.net/okcomputer82/ED4WJ/2/

我确定我可以通过对左侧 div 进行分组来做到这一点，但我想知道是否有更简洁的方法。

谢谢。

Answer 1

从 css 类 .left 中删除 "clear: both;"，就可以了。

新将 .left 类更新为“clear:left;”

.left {
    float: left;
    clear: left;
    background: yellow;
}

然后把你右边的div放在第一位，如下图

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

</div>

示例:http://jsfiddle.net/ED4WJ/5/