css - 漂浮困惑

Question

为什么这个fiddle中的橙色框是, 不会和我剩下的箱子一起飘到左边？我确信橙色盒子应该从流中取出并漂浮在蓝色盒子旁边。我错过了什么？

  <div class=" wrap clear">
        <div class="block pink float"></div>
        <div class="block blue float"></div>
        <div class="block green"></div>
        <div class="block orange float"></div>
    </div>

Answer 1

Working Fiddle

div 默认情况下阻止其他元素并排放置，但可以使用 CSS 更改此行为。如果你想要你的橙色盒子和蓝色盒子，那么你可以改变你的安排。所以，绿色的 div 将无法插入那个橙色的。将放置在绿色之后的任何 div 都将在下一行。