0
https://jsfiddle.net/0k02qsjw/1/爲什麼非流動兒童不浮動
.left1 {
background-color:red;
width:100px;
height:100px;
float:left;
}
.left2 {
background-color:blue;
width:100px;
height:100px;
}
// left3 left4類似LEFT2。小提琴
<div class="left1">Div1</div>
<div class="left2">Div2child</div>
<div class="left3">Div3</div>
<div class="left4">Div4</div>
我正在學習浮動和在CSS清晰，我卡在一個問題。上面的例子中浮動符合預期，當我浮動每個div個別。當我向左漂移時，left2如預期般向上移動。但是，爲什麼左邊的孩子不動了？
我知道浮動的元素沒有流動 - >可能這就是爲什麼。 如果是這樣，爲什麼overflow：隱藏在left2上就像left2被浮動一樣（見下文）。
https://jsfiddle.net/0k02qsjw/2/
我需要幫助理解在這種情況下發生了什麼。這可能是
Floating elements within a div, floats outside of div. Why?
重複，但我找不到任何答案，我的具體問題存在。