css - 容器中等宽的多个div

Question

我正在尝试将多个宽度相同的 div 放置在容器内的同一行中，如下所示

    ++++++++++++++++++++++++++++++
    + ++++++++ ++++++++ ++++++++ +
    + +      + +      + +      + +
    + + box1 + + box2 + + box3 + +
    + +      + +      + +      + +
    + ++++++++ ++++++++ ++++++++ +
    ++++++++++++++++++++++++++++++

容器有宽度:100%；我成功地将 3 个 div 放在同一行中。向左飘浮;显示:内联 block ；但我无法为多个 div 设置相同的宽度。

Answer 1

你可以使用:

.inner-boxes {
  float: left;
  width: 30%;
  margin: 0 1.5%;
}

使每个盒子成为容器宽度的三分之一。