PPK 深入探讨了这个主题,他发现网络技术文档中对该主题的覆盖非常不足。 我们的条目 完全没有提到它们,我将努力修复这个问题。
同意这种情况
这是迄今为止负边距最常见的用例。您为容器提供内边距,以便其内容具有一定的呼吸空间。但是,您希望标题跨越整个容器,忽略内边距。负边距是解决方法。
像这样
根据我的经验,我发现负边距相当直观。尽管这令人惊讶,因为存在许多奇异之处,例如它们有时如何影响应用于自身元素(例如,将其本身移到左侧),有时如何影响其他元素(例如,向上移动其他元素)——以及它影响边距折叠的事实,而边距折叠本身就已很奇怪了。
使用逻辑属性来处理这种方向边距可能是一个明智之举 。
如果您在示例笔中将 REM 切换为 EM,则标题将不再包含在其父元素中。您知道为什么会发生这种情况吗?
干杯!
我认为
em
基于上下文中的font-size
。因此,h2
的字体大小大于模块的事实使em
值更大。有点滑稽的情况。我不想说,但这正是让我成为rem
拥护者的事情。将此模块划分为标题和内容部分不是更好吗?因此,标题部分不再需要内边距。
您是否调整了浏览器的默认 16px
以使 rem 到 px 的转换更容易?我刚看到一些培训建议添加
html{font-size:62.5%;},以便您获得 1rem = 10px。在我看来这很不错,但是我提到的一个更高级的用户似乎没有看到它的价值。您对此有何看法?