爲什麼div包含在姐妹div？

Question

我不明白爲什麼在http://jsfiddle.net/zHH4D/ 小提琴沒有顯示紅色區域外的「右邊」，並在右邊， 但在紅色區塊？！

我可以把div放在父div和這類作品之外，但它對我來說沒有意義。

我在哪裏想錯了？

Answer 1

你有一個錯字：

<div style="width:340px;float:left;background-color:#f00;"> 
    <div>above ok</<div> <!-- TYPO --> 
    <div>under ok</div> 
</div> 

這將導致瀏覽器爲最佳，因爲它可以解釋您的標記，這將導致這（從Chrome檢查複製）：

<div style="width:340px;float:left;background-color:#f00;"> 
    <div>above ok<!--<div--> 
    <div>under ok</div> 
</div> 
    <div style="float:left;"> 
    to the right? 
    </div> 
</div> 

這裏有一個fixed version：

<div style="width:340px;float:left;background-color:#f00;"> 
    <div>above ok</div> <!-- Notice the closing div tag --> 
    <div>under ok</div> 
</div>