css - 如何使用CSS并排浮动3个div？(How to float 3 divs side by side using CSS?)

Question

I know how to make 2 divs float side by side, simply float one to the left and the other to the right.

(我知道如何让2个div并排浮动，只需向左浮动一个，向右浮动另一个。)

But how to do this with 3 divs or should I just use tables for this purpose?

(但是如何使用3个div进行此操作还是应该只为此目的使用表格？)

  ask by Dameon translate from so

Answer 1

Just give them a width and float: left;

(只要给它们一个宽度并float: left;)

, here's an example:

(，这是一个例子：)

<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>