纯粹的CSS解决方案堆叠div的列

Question

我想将一个侧边栏div放在两个堆叠的div旁边，右侧浮动。

您可以在这里找到代码： http://jsfiddle.net/okcomputer82/ED4WJ/2/

我敢肯定，我可以通过分组左侧的div做到这一点，但我想知道是否有一个更清洁的方式。

谢谢。

Answer 1

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

NEW update class .left to“clear：left;”

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

，并把你的右格是在第一个地方像下面

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

</div> 

例如：http://jsfiddle.net/ED4WJ/5/

Answer 2

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

CSS

.content 

{ 
    Float:left; 
    width:960px; 
    height:100px; 

} 

.left 
{ 
float:left; 
width:40%; 
height:100%; 
background-color:red 
} 

.right 
{ 
    float:left; 
    width:20%; 
    height:100%; 
    background-color:yellow 

}