负边距

Avatar of Chris Coyier
Chris Coyier

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

PPK 深入探讨了这个主题,他发现网络技术文档中对该主题的覆盖非常不足。 我们的条目 完全没有提到它们,我将努力修复这个问题。

同意这种情况

这是迄今为止负边距最常见的用例。您为容器提供内边距,以便其内容具有一定的呼吸空间。但是,您希望标题跨越整个容器,忽略内边距。负边距是解决方法。

像这样

根据我的经验,我发现负边距相当直观。尽管这令人惊讶,因为存在许多奇异之处,例如它们有时如何影响应用于自身元素(例如,将其本身移到左侧),有时如何影响其他元素(例如,向上移动其他元素)——以及它影响边距折叠的事实,而边距折叠本身就已很奇怪了。

使用逻辑属性来处理这种方向边距可能是一个明智之举

直接链接 →