Css 容器中具有相同宽度的多个div

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

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

这个容器有 宽度：100%； 我成功地在同一排放置了3个div。 浮动：左； 显示：内联块； 但是我无法为多个div设置相同的宽度。

您可以使用：

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

---

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

尝试将一个div包装在另一个div中

代码：

}

Html代码：

    <div class="wrap">
    <div class="wrap">
    <div style="width: 100px; height: 83px;">This is good</div>
    </div>
    </div>

这很好

参考： ,

,

---

使用显示表属性

.tbl{
显示：表格；
宽度：100%；
}
.tbl.行{
显示：表格行；
}
.tbl.行分区{
显示：表格单元格；
背景颜色：粉红色；
}

试验
试验
试验

请发布您的代码，最好是在JSFIDDLE中首先阅读常见问题解答和关于我们的文章。。这两个部分都很重要，它们将帮助您了解该网站的工作原理以及如何发布问题

    <div class="wrap">
    <div class="wrap">
    <div style="width: 100px; height: 83px;">This is good</div>
    </div>
    </div>