Html 可以超过3个，也可以使用col-2-3类。谢谢你的回答，波威尔，但我相信用这个解决方案，细胞的大小不会相同。我用一篇文章的链接更新了我的问题，这篇文章解释了负边距的使用。有没有一种方法可以使用它呢？我认为这是可能的，但是您可能会遇到一些关于%值和更改列数的

---

---

可以超过3个，也可以使用col-2-3类。谢谢你的回答，波威尔，但我相信用这个解决方案，细胞的大小不会相同。我用一篇文章的链接更新了我的问题，这篇文章解释了负边距的使用。有没有一种方法可以使用它呢？我认为这是可能的，但是您可能会遇到一些关于%值和更改列数的问题。请注意，引导使用的是px值。完全可行，但并非微不足道。顺便说一句，我不会说我上面的解决方案是有史以来最好的，但它适用于任何数量的列，看看这支笔，有6列，我很高兴用px或em作为排水沟，它不必是百分比。事实上，我认为这比百分比更可取。你知道如何使用负边距和填充吗？不过，谢谢你的更新，我也会玩的。像这样的东西，但它显然不起作用。但是看看我增加的“儿童有排水沟”课程：弗兰克，我更新了我的答案。你可以检查它是如何使用负边距的。谢谢你的回答，波威尔，但我相信用这个解决方案，细胞的大小不会相同。我用一篇文章的链接更新了我的问题，这篇文章解释了负边距的使用。有没有一种方法可以使用它呢？我认为这是可能的，但是您可能会遇到一些关于%值和更改列数的问题。请注意，引导使用的是px值。完全可行，但并非微不足道。顺便说一句，我不会说我上面的解决方案是有史以来最好的，但它适用于任何数量的列，看看这支笔，有6列，我很高兴用px或em作为排水沟，它不必是百分比。事实上，我认为这比百分比更可取。你知道如何使用负边距和填充吗？不过，谢谢你的更新，我也会玩的。像这样的东西，但它显然不起作用。但是看看我增加的“儿童有排水沟”课程：弗兰克，我更新了我的答案。你可以检查它是如何使用负边距的。非常感谢你的回答。但是这个解决方案只适用于我的3个单元格的示例，如果我决定有4个单元格，或者如果我使用col-2-3而不是col-1-3，则不适用。我用一篇文章的链接更新了我的问题，这篇文章解释了负边距的使用。有没有办法用它来代替呢？这对我来说是绝对理想的：）而且，我更喜欢继续使用内联块，而不是flex。“那太理想了……”弗兰克安德伍德刚刚看到了你的评论。如何使用display:table和table cell+伪内联块（IE8理解这一点）。你能澄清当只有一个细胞、两个细胞和四个或更多细胞时应该看到什么样的行为吗？@FrankUnderwood这里是一个猜测，直到你澄清；）行为应该是相同的，与细胞数量无关。谢谢你的笔，这里有一些有趣的代码，我一定会深入研究。今天我在这个问题上断断续续地工作，我想，现在我在寻找的是如何让一个在另一个分区（b）内的分区（a）向外扩展！其父代（b）。如果我能让孩子说1米宽…有什么想法吗？非常感谢你的回答。但是这个解决方案只适用于我的3个单元格的示例，如果我决定有4个单元格，或者如果我使用col-2-3而不是col-1-3，则不适用。我用一篇文章的链接更新了我的问题，这篇文章解释了负边距的使用。有没有办法用它来代替呢？这对我来说是绝对理想的：）而且，我更喜欢继续使用内联块，而不是flex。“那太理想了……”弗兰克安德伍德刚刚看到了你的评论。如何使用display:table和table cell+伪内联块（IE8理解这一点）。你能澄清当只有一个细胞、两个细胞和四个或更多细胞时应该看到什么样的行为吗？@FrankUnderwood这里是一个猜测，直到你澄清；）行为应该是相同的，与细胞数量无关。谢谢你的笔，这里有一些有趣的代码，我一定会深入研究。今天我在这个问题上断断续续地工作，我想，现在我在寻找的是如何让一个在另一个分区（b）内的分区（a）向外扩展！其父代（b）。如果我能让孩子说1米宽…有什么想法吗？谢谢你的回答link2pk，非常感谢。不过有一件事，（我会更新我的问题），我宁愿不使用flex。有什么想法吗？那么你必须使用任何的CSS框架，比如Bootstrap、Fuffic、ObjalIsECSS EtCuffy，我没多大帮助：P，一旦找到解决方案，请让我知道。谢谢你的答案LIK2PK，非常感谢。不过有一件事，（我会更新我的问题），我宁愿不使用flex。有什么想法吗？那么你必须使用任何的CSS框架，比如Bootstrap、Frand、ObjalIsECSS EtCuffy，我帮不上什么忙：P，一旦找到解决方案，请让我知道。

<div class="container">
    <div class="col-1-3 bg-blue">blue left</div>
    <div class="col-1-3" style="font-size:0px;">

        <div class="col-1-3 bg-green">green 1</div>
        <div class="col-1-3 bg-green">green 2</div>
        <div class="col-1-3 bg-green">green 3</div>

    </div>
    <div class="col-1-3 bg-blue">blue right</div> 
</div>

.col-1-3.bg-green{
    width:calc(100%/(3/1) - (3-1)*2px);
  margin:0px 2px;
}

.col-1-3:nth-child(2) {
  margin:0 1em;
    width:calc(100% / (3/1) - 2em);
}

.bg-green {
  width: calc((100% - ((3 - 1)*2%))/(3/1));
  margin-right: 2%;
}

.bg-green:last-child{
  margin-right: 0;
}