css：将浮动div的高度设置为带边距的最大高度

我的问题是基于

解决办法是

但是，我没有提到我需要在元素之间留一些空白（因为不重要也不容易添加）。结果，

display:table cell

提出了解决方案。遗憾的是，Margin属性不适用于

显示：表格单元格

元素

用纯css在div之间留出一些空间，还可以解决我的问题吗？ 原始代码在这里，我希望所有三个div的高度相同，并且它们之间有一些空间，比如说

3px

代码如下：

<style>
#main{
    border:1px solid red;
    width:605px;
    overflow:hidden;
}
#zero{
    border:1px solid blue;
}
.small{
    border:1px solid green;
    float:left;
    width:199px;
}
</style>
<div id="main">
    <div id="zero">
        0
    </div>
    <div class="small">
        small text
    </div>
    <div class="small">
        large text large textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge text
    </div>
    <div class="small">
        another small text
    </div>
</div>

#主要{
边框：1px纯红；
宽度：605px；
溢出：隐藏；
}
#零{
边框：1px纯蓝色；
}
.小{
边框：1px纯绿色；
浮动：左；
宽度：199px；
}
0
小文本
大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本大文本
另一篇小文章

这是最初的问题

---

同样，如果可能的话，我更喜欢纯css解决方案

您可以使用

边框间距：3px打开
#main

你好，伙计，我对你的代码做了一点修改，如果你删除了左浮动并添加了
显示：表格单元格你得到了你想要的结果

至于两个div之间的差值，不确定是否可以使用一个div类

小提琴：


 .P/>这可能会有帮助：但是如果你考虑任何机会使用JS：