CSS位置：尽管不使用偏移量，但仍需要相对[重复]

Question

因此，请考虑使用 CSS 伪元素将“必需”框放在 <input> 元素上方。

        <div>
          <label for="fname">First name: </label>
          <input id="fname" name="fname" type="text" required>
          <span></span>
        </div>

这个“必填”框将出现在使用span::after 的输入框上方。我们可以在 after 子节点上设置 position:absolute 并像通常那样应用偏移量。

但是，这仅在 span 元素设置为 position:relative 时才有效。这没有任何意义，因为我们没有对跨度应用偏移量，而只是对它的孩子应用偏移量。但是如果我们让 span 在正常流程中定位，这个例子就行不通了。这是为什么呢？

Answer 1

因为当你给元素绝对位置时，元素绝对定位到它的第一个定位的父元素。检查此answer 以更好地理解