什么都没少。Float是为这样的情况而设计的:例如，您想要一个图像(例如)位于几个文本段落旁边，因此文本围绕着图像流动。如果文本“拉伸”容器，就不会发生这种情况。你的第一段会结束，然后你的下一段会在图片下面开始(可能是下面几百个像素)。

这就是你得到这个结果的原因。

正如Lucas所说，您所描述的是float属性的预期行为。让很多人感到困惑的是，为了弥补CSS布局模型中的缺点，float已经远远超出了它最初的预期用途。

如果你想更好地理解这个属性是如何工作的，可以看看Floatutorial。

把你的浮动div(s)在一个div和CSS给它overflow:hidden; 它会工作得很好。

谢谢你，塞尔尼，你帮我解决了。

要做到这一点:

+-----------------------------------------+
| +-------+                     +-------+ |
| | Text1 |                     | Text2 | |
| +-------+                     +-------+ |
+-----------------------------------------+

你必须这样做:

<div style="overflow:auto">
    <div style="display:inline-block;float:left"> Text1 </div>
    <div style="display:inline-block;float:right"> Text2 </div>
</div>

以下是更现代的方法:

.parent {display: flow-root;} 

不再有clearfix。

p.s. .使用overflow:隐藏;隐藏盒子阴影，所以…

什么都没少。Float是为这样的情况而设计的:例如，您想要一个图像(例如)位于几个文本段落旁边，因此文本围绕着图像流动。如果文本“拉伸”容器，就不会发生这种情况。你的第一段会结束，然后你的下一段会在图片下面开始(可能是下面几百个像素)。

这就是你得到这个结果的原因。