html - 我怎样才能无边界地间隔 child ？

我在一个容器中有这些可变宽度、溢出的子元素。

如何在子项和容器之间没有外部间距的情况下获得内部间距？

使用 grid-gap 会导致此行为:

适当的间隙，但现在固定宽度、对齐、单元格 - 这不是我想要的。

我想做的是使用负边距来掩盖这个间距，但这看起来很老套

并且有很多副作用，例如 body 周围的蓝色边框不再可见。它还在渲染所有额外的空间，它只需要被另一个容器用overflow: hidden剪掉，https://codepen.io/tobq/pen/jRKoKw .

使用 first/last-child 选择器删除填充将不起作用，因为每行有多个元素。因此，例如，删除最后一个元素 margin-bottom 不会删除底部边框，因为行上还有其他元素带有 margin-bottom。据我所知，没有办法选择最后一行的所有元素。

最佳答案

我不确定你想在这里完成什么，但你可以尝试在 > div 中设置 margin: 0，并在 section 中设置 padding: 0

如果你仍然想要'inner' padding，你可以在> div中设置margin-bottom: 5px，然后选择> div:last-child { margin-bottom: 0 }。

关于html - 我怎样才能无边界地间隔 child ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55787410/