Css 为什么具有浮点属性的文本也不随背景改变其位置？

我有这个密码

<div id="one" class="test">first div</div>
<div id="two" class="test">second div div</div>
<div id="three" class="test">third  div</div>

first div
第二组
第三组

当我向左浮动第一个和第二个div而不是第三个div时，第三个div的背景向上移动，这是正常的，因为第三个div应该设置为清晰：两者都是。但我想知道为什么 第三个div的文本也没有出现，因为文本在div中

---

这里的fiddle link

根据我的修补，看起来浮动正在破坏

#第三个

元素的流动，而元素中的文本保持其流动，但被强制从浮动元素向下移动

添加

溢出

属性以获得更易于管理的结果：

.test{
  width:100px; 
  height:50px; 
  margin:20px; 
  padding:10px;
  overflow: hidden;
}

---

在处理浮动时，我发现最好将

overflow:hidden

添加到父容器中。

Wow把我难住了。我的意思是，当我在google开发者的工具中查看元素时，我可以看到它，但是文本只显示在它想显示的任何地方。如果去掉填充和边距，第三个div的文本仍将位于第一个div的底部div@user1906399你说得对！如果我找到答案，我会继续修改我的答案something@user1906399看来我也被难倒了。流动只是被打破，而文本保持着流动。浮动可能很难处理