这与你为两个div所做的方式相同，只是将第三个div浮动到左或右。

<style>
  .left{float:left; width:33%;}
</style>

<div class="left">...</div>
<div class="left">...</div>
<div class="left">...</div>

三次跳水都向左飘。像在这里:

.first-div {
  width:370px;
  height:150px;
  float:left;
  background-color:pink;
}

.second-div {
  width:370px;
  height:150px;
  float:left;
  background-color:blue;
}

.third-div {
  width:370px;
  height:150px;
  float:left;
  background-color:purple;
}

这与你为两个div所做的方式相同，只是将第三个div浮动到左或右。

<style>
  .left{float:left; width:33%;}
</style>

<div class="left">...</div>
<div class="left">...</div>
<div class="left">...</div>

你可以为它们设置float: left，并将宽度设置为33.333%

把它们都飘到左边

确保所指定的宽度都能适合它们的容器(无论是另一个div还是窗口)，否则它们将自动换行

@Leniel这个方法很好，但是你需要为所有浮动div添加宽度。我会说，让它们宽度相等或分配固定宽度。类似的

.content-wrapper > div { width:33.3%; }

您可以为每个div分配类名，而不是添加内联样式，这不是一个好的实践。

请确保使用clearfix div或clear div，以避免下面的内容仍然低于这些div。

你可以在这里找到如何使用clearfix div的详细信息