为什么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>