Html 清楚：两者都受外部浮动元素的影响？

我有两个div。红色为浮动：左侧（宽度：100px）

绿色div为左边距：101px（不浮动）

在绿色div中，我添加了一个带有两个浮动元素的

div

：

因此，结果是：

好的

但是如果我在这里添加一个

div

和

clear:both

：

它被拉伸到红色

div

的底部之外：

我的问题是为什么

我知道

清除：两者都不应允许任何浮动元素在两个和正确的位置但在同一容器下

我们在这里谈论的是绿色div容器。为什么清晰：两者都是考虑红色div？这超出了他的范围

有什么帮助吗

（我在寻找原因。另外-我如何才能更改
清除：两者都
以满足需要）

（）

p、 美国

红色和绿色div的css是强制性的。这就是网站目前的建设方式

编辑：
我发现如果我把
float:left
放在这个上面：


它的行为应该是：


（这里发生了什么…？）
我不知道为什么它会这样，但是如果你把float left给lightgreen div，一切都会按预期进行。
最好将margin left to float替换为left:left
我想我写的是
p.s.
白费了。。。。。（你不能解释这种奇怪的行为）。@RoyiNamir我们同时得到了：）