Overflow:hidden を指定しても、Floated Div が垂直にスタックするのはなぜですか?

Floated Div の水平方向の配置

overflow: hidden を使用して div がコンテナ内で左にフローティングされている場合、それらは垂直方向にスタックされる可能性があります。水平方向に十分なスペースがあります。正しく配置されていることを確認するには、次の解決策を検討してください。

解決策:

すべてのフロート要素を収容するのに十分な幅の広い内部 div をコンテナ内に作成します。 divs.

#container {
  width: 200px;
  overflow: hidden;
}

#inner {
  width: 2000px;
  overflow: hidden;
}

.child {
  float: left;
  width: 50px;
  height: 50px;
}

<div>

内部の div に十分な幅を持たせることで、浮動小数点型のdiv は、意図したとおり、コンテナ内で水平方向に整列します。

以上がOverflow:hidden を指定しても、Floated Div が垂直にスタックするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。