等效的百分比元素，填充/边距

Question

谷歌搜索了一段时间并找到了一些解决方案，但没有一个适用于我试图做的事情。基本上我需要平均空间4 div，即25％ - 边距宽。棘手的部分是让最后一个在最后没有空间。尝试：

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

.child {
  width: 22%;
}

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

Answer 1

@ marc-j是对的，Drupal正在添加一个clearfix，最后导致额外的空间。这有效：

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

.child {
  width: 22%;
}