☰

CSS を使用して 3 つの div を並べてフロートさせるにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon css css-float
CSS を使用して 3 つの div を並べてフロートさせるにはどうすればよいでしょうか? 質問する

2 つの div を並べて浮かせる方法はわかっています。1 つを左に浮かせ、もう 1 つを右に浮かせるだけです。

しかし、これを 3 つの div で実行するにはどうすればよいですか、それともこの目的のためにテーブルを使用するだけでよいのでしょうか?

ベストアンサー1

幅と を指定するだけですfloat: left;。次に例を示します。

<div style="width: 500px;">
 <div style="float: left; width: 200px;">Left Stuff</div>
 <div style="float: left; width: 100px;">Middle Stuff</div>
 <div style="float: left; width: 200px;">Right Stuff</div>
 <br style="clear: left;" />
</div>

おすすめ記事