被切除脑叶的猫头鹰

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费额度!

我最近在 CSS-Tricks 的草稿中有一篇帖子,名为“移除模块底部的空白”。它主要讨论了这样一个棘手的情况:您希望元素周围的所有边距都保持一致的填充,以便在视觉上将它们分隔开。但是内部的元素也需要底部边距,这可能会导致底部出现额外的空间,因为边距会碰到填充。

显然我年纪大了,开始糊涂了,因为 我之前已经写过这方面的内容了。但是在那篇文章中,我没有得出任何惊人的结论。我想到的最好的方法是一个有点糟糕的复合选择器,我甚至不想谈论它。

Heydon Pickering 对此问题确实有一个惊人的结论

* + * {
  margin-top: 1.5em;
}

我肯定会尝试在一个新的项目中使用它。这确实让我觉得未来的 CSS 可以帮助我们解决这个问题。也许可以指定填充的特定边缘可以折叠到边距中?

直接链接 →