我知道如何让2个divs并排浮动，简单地浮动一个到左边，另一个到右边。
但是如何用3个div来做这个，或者我应该只用表来做这个目的吗?
当前回答
@Leniel这个方法很好，但是你需要为所有浮动div添加宽度。我会说，让它们宽度相等或分配固定宽度。类似的
.content-wrapper > div { width:33.3%; }
您可以为每个div分配类名，而不是添加内联样式，这不是一个好的实践。
请确保使用clearfix div或clear div，以避免下面的内容仍然低于这些div。
你可以在这里找到如何使用clearfix div的详细信息
其他回答
@Leniel这个方法很好，但是你需要为所有浮动div添加宽度。我会说，让它们宽度相等或分配固定宽度。类似的
.content-wrapper > div { width:33.3%; }
您可以为每个div分配类名，而不是添加内联样式，这不是一个好的实践。
请确保使用clearfix div或clear div，以避免下面的内容仍然低于这些div。
你可以在这里找到如何使用clearfix div的详细信息
你可以为它们设置float: left，并将宽度设置为33.333%
我通常只是把第一个浮动到左边，第二个浮动到右边。第三个自动在它们之间对齐。
<div style="float: left;">Column 1</div>
<div style="float: right;">Column 3</div>
<div>Column 2</div>
现代的方法是使用CSS flexbox，参见支持表。
.container { 显示:flex; ｝ .container > div { flex: 1;/ * * / ｝ < div class = "容器" > < div >左div < / div > 中产div < div > < / div > < div >正确的div < / div > < / div >
也可以使用CSS网格，参见支持表格。
.container { 显示:网格; Grid-template-columns: 1fr 1fr 1fr;/ * * / ｝ < div class = "容器" > < div >左div < / div > 中产div < div > < / div > < div >正确的div < / div > < / div >
把它们都飘到左边
确保所指定的宽度都能适合它们的容器(无论是另一个div还是窗口)，否则它们将自动换行
