假设你有一个div，给它一个确定的宽度，并在其中放置元素，在我的例子中是img和另一个div。
这个想法是，容器div的内容将导致容器div伸展，并成为内容的背景。但当我这样做时，包含div的区域会缩小以适应非浮动对象，浮动对象会一直向外，或者一半向外，一半向内，并且与大div的大小没有任何关系。
为什么会这样?是否有我错过的东西，我如何才能得到浮动项目伸展的高度包含div?
当前回答
在某些情况下，即当(如果)你只是使用float让元素在同一“行”上流动时，你可能会使用
display: inline-block;
而不是
float: left;
否则，在最后使用一个清晰的元素就可以了，即使它可能违背了需要一个元素来做应该是CSS的工作。
其他回答
什么都没少。Float是为这样的情况而设计的:例如，您想要一个图像(例如)位于几个文本段落旁边，因此文本围绕着图像流动。如果文本“拉伸”容器，就不会发生这种情况。你的第一段会结束，然后你的下一段会在图片下面开始(可能是下面几百个像素)。
这就是你得到这个结果的原因。
W3Schools推荐:
将overflow: auto放在父元素上，它将“着色”整个背景，包括元素边距。浮动元素也会留在边框内。
http://www.w3schools.com/css/tryit.asp?filename=trycss_layout_clearfix
你可以很容易地做，首先，你可以使div伸缩和应用右或左对齐内容，你的问题就解决了。
< span style=" font - family:宋体;"> < font-family:宋体;font-family:楷体;font-family:楷体;font-family:楷体;font-family:楷体;font-family:楷体;font-family:楷体;> < / >按钮感觉 < / div >
谢谢你，塞尔尼，你帮我解决了。
要做到这一点:
+-----------------------------------------+
| +-------+ +-------+ |
| | 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>
把你的浮动div(s)在一个div和CSS给它overflow:hidden; 它会工作得很好。
