Html 如何确定重叠绝对定位

我怎样才能解决这个问题？我必须为字段集类指定高度吗？顺便说一下，我不想指定字段集的高度

.Identifier{
显示：柔性；柔性方向：列；
字体系列：“Fira无规则”，无衬线；
}
.Fieldset>输入{
宽度：302px；填充：12px；
位置：绝对位置；
}
.Fieldset>标签{
显示：内联块；
位置：相对位置；
指针事件：无；
顶部：14px；左侧：14px；
}

用户名或电子邮件
继续

虽然您可以通过将绝对定位放置在具有

position:relative

的父对象内，从而使绝对定位具有相对定位点，以实现重叠效果，同时在不同的屏幕尺寸上保持对齐

从您的代码中，我认为您试图实现的只是一个字段占位符

只需使用输入标记内部的

placeholder=“此处的文本”

即可完成此操作。这与通过将label元素与字段重叠来实现不同，最终会使任何用户试图输入的字段文本变得模糊

.Identifier{
显示器：flex；
弯曲方向：立柱；
字体系列：“Fira无规则”，无衬线；
}
.Fieldset>输入{
填充：12px；
}
.Fieldset>标签{
显示：内联块；
位置：相对位置；
指针事件：无；
顶部：14px；
左：14px；
}

继续

由于

绝对定位

将元素从文档流中移除，因此元素无法从本机上分辨出它与另一个元素重叠。您需要指定高度，或者将CSS更改为非绝对定位元素。基于您的标记，为什么要绝对定位它？这应该是唯一的解决方案，对吗？更改

位置

属性将是最佳解决方案，除非在

按钮上使用某种基于百分比的填充/边距。但是，对于你的代码来说，似乎没有理由使用绝对定位。它必须绝对定位吗？将会有类似动画的材质设计@新木由纪