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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
