在三個垂直部分中分割一個div

Question

我想在三個html中分割一個div。 我的代碼如下：

<div id="right" style="width: 20%; float: left;"> 
    some text 
</div> 
<div id="leftAndCenter" style="width: 70%; float: right;"> 
    <div id="center" style="width: 45%; float: left;"> 
      some other text 
    </div> 
    <div id="right" style="width: 45%; float: right;"> 
      and the last text 
    </div> 
</div> 

有一些較長的文本here一個版本。我希望右邊的文字以「左」和「中」的高度開始，我應該怎麼做？

Answer 1

刪除此行： <br style="clear:both;"/>

Answer 2

拳頭解決方案：

刪除您的例子

第二類解決方案的<br style="clear:both;"/>，更好的HTML：

<div> 
    <div style="width: 20%; float: left;">foo </div> 
    <div style="width: 33%; float: left;">bar</div> 
    <div style="width: 33%; float: left;">biz</div> </div>