Html 放置3个分区'；s肩并肩

我想使用CSS并排放置3个div。我已经通过了很多帖子，但没有得到我的项目工作的东西

#quotescointainer{
    width: 100%;
    font-size: 12px;
}
#quotesleft{
    float:left; 
    width: 33%;
    background-color: white;
}
#quotescenter{ 
    background-color:white;
    width: 33%;
}
#quotesright{
    float:left;
    width: 33%;
}

---

上述情况并未将div放置在正确的位置。我似乎不知道我在犯什么错误。

我最近问了这个完全相同的问题

以下是一个链接：

以下是我公认的答案：

将CSS显示样式设置为 显示：内联块

这允许元素保持其 块式功能，同时 允许它以内联方式显示。 这是一所介于两者之间的房子

（但请注意，有一些 与旧版本的兼容性问题 （IE的版本）

---

您可以

float:left

所有内部

div

s:

您应该将

quotesconner

的拼写改为

quotesconner

#quotescointainer{
    width: 100%;
    font-size: 12px;
    overflow: hidden; /* contain floated elements */
    background: #ccc
}
#quotesleft {
    float: left; 
    width: 33%;
    background-color: #bbb;
}
#quotescenter { 
    float: left;
    background-color: #eee;
    width: 33%;
}
#quotesright{
    float: left;
    width: 33%;
    background-color: #bbb;
}

---

随着CSS网格的出现，这比使用

display:inline

和

float

更好

---

现在也有很好的浏览器支持

grid

：

+1很好，但请不要复制

width:33%

三次和

background color:#bbb

@Midas:这是一个公平的观点，但我试图保持操作的简单性。我可能会这样做：@Midas:我不会使用width三次。目前正处于开发的beta阶段。因此，我得到了一些原型。@DalexL：OP不确定选择哪一个：）看：我觉得我应该发布一个使用

float

s的答案，就像OP的代码一样。@thirtydot LOL！太棒了！那么，OP选择：）