Html 具有相对固定属性的内容流问题

希望你一切都好 我面临着一点悲惨的问题。我想做一些有吸引力的风格简单的登录页面

但当我开始编码时，结果就不同了

我的h1元素不可见。它位于消息框的上方，这是我的问题。帮我整理一下 这是我的html代码 /*全局部分*/ @字体{ 字体系列：roboto； src:url'../files/fonts/Roboto/Roboto Regular.ttf'； } @字体{ 字体系列：pacifico； src:url'../files/fonts/Pacifico/Pacifico Regular.ttf'； } ：根{ -消息框颜色：3D46E8； -消息颜色：ffffff； -字体颜色：000000； -输入字段颜色：E0； -输入字段焦点颜色：EB5757； } /*标题部分*/ *{ 框大小：边框框； } *：之前， *：之后{ 框大小：边框框； } 身体{ 位置：相对位置； 保证金：0； 填充：0； 字体系列：roboto； 字号：700； } /*消息框*/ .信息内框{ 位置：固定； 顶部：-50px； 左：-50px； 高度：300px； 宽度：300px； 边界半径：50%； 背景颜色：var消息框颜色； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .标题容器{ 边缘顶部：50px； 颜色：var消息颜色； } .标题容器p{ 保证金：0； } .标题{ 字体大小：1.3em； 字号：600； } .副标题{ 字号：2em； 字号：800； } 注册

您好

注册

欢迎

---

您的h1就在那里，它只是隐藏在div后面，带有类消息内框 您可以通过添加位置来查看它：绝对；对于您的h1样式

/*全局部分*/ @字体{ 字体系列：roboto； src:url'../files/fonts/Roboto/Roboto Regular.ttf'； } @字体{ 字体系列：pacifico； src:url'../files/fonts/Pacifico/Pacifico Regular.ttf'； } ：根{ -消息框颜色：3D46E8； -消息颜色：ffffff； -字体颜色：000000； -输入字段颜色：E0； -输入字段焦点颜色：EB5757； } /*标题部分*/ *{ 框大小：边框框； } *：之前， *：之后{ 框大小：边框框； } 身体{ 位置：相对位置； 保证金：0； 填充：0； 字体系列：roboto； 字号：700； } /*消息框*/ .信息内框{ 位置：固定； 顶部：-50px； 左：-50px； 高度：300px； 宽度：300px； 边界半径：50%； 背景颜色：var消息框颜色； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .标题容器{ 边缘顶部：50px； 颜色：var消息颜色； } .标题容器p{ 保证金：0； } .标题{ 字体大小：1.3em； 字号：600； } .副标题{ 字号：2em； 字号：800； } h1{ 位置：绝对位置； } 注册

您好

注册

欢迎

---

你的HTML中没有h1元素，你指的是哪一个h1？对不起，亲爱的，我忘记放h1标签了。现在我正在编辑我的问题。您可以查看您有6个开始标记，但只有3个结束标记。现在你的h1在里面，非常感谢亲爱的。但是你能解释一下为什么会发生这种情况吗。另外，在这里叫某人“亲爱的”听起来真的很恐怖，请停止