html - 使用 "static"CSS 位置

Question

我刚刚在 W3Schools 上看到如果未指定 position 属性，浏览器默认为 position: static;

那么，如果是这样的话，将位置属性显式指定为静态的目的是什么？有什么特定的目的吗？如果是，请指导我。

附言我是 CSS 初学者

Answer 1

如果您想覆盖之前指定的针对特定选择器的规则，则需要明确指定它。例如，假设有人在样式表的不同部分或完全不同的样式表中执行此操作:

header * {
  position: relative;
}

嗯，也许 position: relative 在特定元素上的表现不符合您的要求，因此您可以覆盖它:

header > .my-special-element {
  position: static;
}

这只是一个例子，但我认为这将是最常见的场景之一。