两个相邻块的浮动行为

Question

我是一个CSS新手。请帮助确认我的理解是否正确。 我有两个块元素：第一个是浮动的，第二个不是。 ，所有设置如下，是否正确，我的结果布局将显示 两个块在一行中彼此相邻？ 我的理解是，自从第一块 漂浮在左边，但第二块不是，所以后者应该保持原来定位并环绕的同一条线。

#box1{ 
    float:left; 
    width: 200px; 
    background-color: purple; 
} 

#box2{ 
    width:250px; 
    background-color: orange; 
} 

<div id="box1">box 1</div> 
<div id="box2">box 2</div> 

Answer 1

只要围绕两个框中的容器足够大，是的，盒1将在容器和200个像素的左边缘进一步向右是盒2（本身缩短到50个像素。参见here。

如果盒2（由于更多内容）变得更大，将是这样的：

+-------+----------+ 
| box 1 | box 2 | 
+-------+   | 
|     | 
+-------+----------+ 

Answer 2

你那种正确的你看罐子的行为在这里更清楚一点 - http://jsfiddle.net/spacebeers/KvrHw/2/

。 10

如果向方框2添加更多内容，它将对齐左侧和浮动框下方。