CSS を使用して 3 つの Div を並べてフロート表示するにはどうすればよいですか?

CSS を使用して 3 つの Div を並べてフローティングする

div の水平レイアウトを作成するには、それらを並べてフローティングします。 2 つの div でこれを行うのは簡単ですが、3 つ以上の div で同じ効果を実現するにはどうすればよいですか?

解決策は、各 div の幅を定義し、CSS プロパティ float を適用することです。左;。このプロパティは div を水平に配置し、それらが強制的に隣り合って流れるようにします。

説明のために、次の例を考えてみましょう。

<div>

このコードでは、親 div を作成します。 500pxの固定幅。その中には 3 つの子 div があり、それぞれに指定された幅があります。フロート: 左;プロパティは、これらの子 div が水平方向に整列することを保証します。

最後に、
CSS プロパティを持った要素、clear: left;親 div の末尾に追加されます。これにより、浮動要素がすべてクリアされ、3 つの div の下にある残りのコンテンツが親 div の左端に沿って表示されるようになります。

以上がCSS を使用して 3 つの Div を並べてフロート表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。