CSS位置:尽管未使用偏移量,但仍需要相对位置 这样,考虑一个“必需”框,它应该使用CSS伪元素放在 元素上。 <div> <label for="fname">First name: </label> <input id="fname" name="fname" type="text" required> <span></span> </div> 名字:

CSS位置:尽管未使用偏移量,但仍需要相对位置 这样,考虑一个“必需”框,它应该使用CSS伪元素放在 元素上。 <div> <label for="fname">First name: </label> <input id="fname" name="fname" type="text" required> <span></span> </div> 名字:,css,css-position,pseudo-element,Css,Css Position,Pseudo Element,此“必需”框将使用span::after显示在输入框上方。我们可以在子项之后的上设置位置:绝对,并像通常那样应用偏移量 但是,仅当span元素设置为位置:相对时,这才起作用。这没有意义,因为我们没有将偏移量应用于跨度,而只是应用于其子级。但如果我们让span在正常流量下定位,这个例子就行不通了。为什么会这样?因为当您给元素绝对位置时,元素绝对定位到其第一个定位的父元素。选中此项以便更好地理解,因为当您指定元素绝对位置时,元素绝对定位到其第一个定位的父元素。检查此项以便更好地理解

此“必需”框将使用
span::after
显示在输入框上方。我们可以在子项之后的
上设置
位置:绝对
,并像通常那样应用偏移量


但是,仅当span元素设置为
位置:相对时,这才起作用。这没有意义,因为我们没有将偏移量应用于跨度,而只是应用于其子级。但如果我们让span在正常流量下定位,这个例子就行不通了。为什么会这样?

因为当您给元素绝对位置时,元素绝对定位到其第一个定位的父元素。选中此项以便更好地理解

,因为当您指定元素绝对位置时,元素绝对定位到其第一个定位的父元素。检查此项以便更好地理解