等距元素是一个百分比，带有填充/边距

Question

一直在使用Google搜索并找到了一些解决方案，但没有一个适用于我尝试做的工作。基本上我需要平均分配4个div，即25％ - 保证金范围宽。棘手的部分是最后得到最后没有空间。试过：

.container { 
    display: flex; 
    justify-content: space-between; 
} 

.child { 
    width: 22%; 
} 

但它留下了一个空间在最后。看起来很简单，但我尝试了多种不同的方式，没有一个能正常工作。棘手的部分似乎是百分比宽度，并获得最后一个元素不在右侧有空格。

Answer 1

@马克-J是正确的，Drupal的被添加clearfix这是导致在年底额外的空间。这个作品：

.container { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
} 

.child { 
    width: 22%; 
}