Html collaspe如何与div绑定

这是我的研究案例：

我无法在我的例子中说明，border collasped。 在这种情况下，我该怎么做

.col-md-4{
border: 1px solid aqua;
/*margin: -1px;*/

}

html，正文{
背景色：#333；
}
.小组{
保证金：自动；
}
.小组委员会{
边界塌陷：塌陷；
表布局：固定；
文本对齐：居中；
显示：表格；
宽度：100%；
填充：0；
}
.面板主体{
边框：1px纯水；
显示：表格单元格；
宽度：继承；
}

测试
内容1
内容2
内容3

html，正文{
背景色：#333；
}
.小组{
保证金：自动；
}
.小组委员会{
边界塌陷：塌陷；
表布局：固定；
文本对齐：居中；
显示：表格；
宽度：100%；
填充：0；
}
.面板主体{
边框：1px纯水；
显示：表格单元格；
宽度：继承；
}

测试
内容1
内容2
内容3

简单

轻松的

---

border collapse属性用于

表

元素，因此如果不使用表，可以通过

显示：表

或

显示：内联表

使元素的行为类似于

表

您可以添加

显示：表格；显示：表格行；显示：表格单元格和
边框折叠：折叠


html，正文{
背景色：#333；
}
.小组{
保证金：自动；
显示：表格行；
}
.集装箱{
显示：表格；
边界塌陷：塌陷；
}
.小组委员会{
填充：0px；
}
.col-md-4{
显示：表格单元格；
边框：1px纯水；
/*保证金：-1px*/
}

测试
内容1
内容2
内容3
边框折叠属性用于
表格
元素，因此如果不使用表格，可以通过
显示：表格
或
显示：内联表格
使元素的行为类似于
表格

您可以添加
显示：表格；显示：表格行；显示：表格单元格和
边框折叠：折叠


html，正文{
背景色：#333；
}
.小组{
保证金：自动；
显示：表格行；
}
.集装箱{
显示：表格；
边界塌陷：塌陷；
}
.小组委员会{
填充：0px；
}
.col-md-4{
显示：表格单元格；
边框：1px纯水；
/*保证金：-1px*/
}

测试
内容1
内容2
内容3
此解决方案均无效！
所有边框都需要拼贴（面板也需要拼贴）

@安德烈·费多洛夫：我再也不能有更多的div了

我能找到它的最好方法是负
边距
！
这些解决方案都不起作用！
所有边框都需要拼贴（面板也需要拼贴）

@安德烈·费多洛夫：我再也不能有更多的div了

我能找到它的最好方法是负
边距
！

.panel-body div:not(:last-child){
    border-right: none;
}