Html 更改浏览器大小时，图像位于文本上方

您好，我还是网站设计的初学者，我有一个小问题idk解决方案，我希望有人能帮我解决这个问题。这里有两张图片，一张图片是云在文本顶部重叠的，这是当浏览器尺寸较小时，但另一个看起来很正常，当浏览器大小最大化时，我想知道的是有没有办法让图像像普通的其他网站一样放在文本下

这是两个图像的css代码

.top-cloud {
    position: absolute;
    right: 50px;
    top: 50px;
}

.bottom-cloud {
    position: absolute;
    bottom: 400px;
    left: 400px;
}

<div class="div1">
    <img class="top-cloud" src="images/cloud.png" alt="">
    <h1>Albsrawy</h1>
    <h2>Discord programmer</h2>
    <img class="bottom-cloud" src="images/cloud.png" alt=""> <br>
    <img src="images/mountain.png" alt="">
</div>

。顶云{
位置：绝对位置；
右：50px；
顶部：50px；
}
.底云{
位置：绝对位置；
底部：400px；
左：400px；
}
粗糙的
不协调程序员

在H1标签上，您可以将z索引设置为高于云的

    .top-cloud {
    position: absolute;
    right: 50px;
    top: 50px;
}

.bottom-cloud {
    position: absolute;
    bottom: 400px;
    left: 400px;
}

<div class="div1">
    <img class="top-cloud" src="images/cloud.png" alt="">
    <h1 style="z-index: 10;">Albsrawy</h1>
    <h2>Discord programmer</h2>
    <img class="bottom-cloud" src="images/cloud.png" alt=""> <br>
<img src="images/mountain.png" alt="">
</div>

。顶云{
位置：绝对位置；
右：50px；
顶部：50px；
}
.底云{
位置：绝对位置；
底部：400px；
左：400px；
}
粗糙的
不协调程序员

在H1标签上，您可以将z索引设置为高于云的

    .top-cloud {
    position: absolute;
    right: 50px;
    top: 50px;
}

.bottom-cloud {
    position: absolute;
    bottom: 400px;
    left: 400px;
}

<div class="div1">
    <img class="top-cloud" src="images/cloud.png" alt="">
    <h1 style="z-index: 10;">Albsrawy</h1>
    <h2>Discord programmer</h2>
    <img class="bottom-cloud" src="images/cloud.png" alt=""> <br>
<img src="images/mountain.png" alt="">
</div>

。顶云{
位置：绝对位置；
右：50px；
顶部：50px；
}
.底云{
位置：绝对位置；
底部：400px；
左：400px；
}
粗糙的
不协调程序员

它对应的HTML在哪里？为什么要使用绝对位置（以像素为单位，响应度为0）？到目前为止，您尝试了什么？您好，我也添加了html，哪种定位类型和绝对定位的单位，例如，如果我想更改其位置并使其在所有屏幕上都响应，您有什么建议？：）如果必须进行绝对定位，请使用百分比或vw/vh的相对单位。根据提供的代码，我无法重现您描述的问题。很多代码要么丢失，要么没有链接（比如完整的图像部分，背景图像…但是，最简单的“解决”方法问题是在h1和H2U中添加一个正z指数。我会做很多事情，这总是取决于你试图实现什么。使用相对和绝对定位没有什么特别的错误。但是在大多数情况下，你应该使用相对单位（%，vh，vw），而不是确定的单位（px，em，rem）。在你的情况下，你甚至可能会使用多个背景图像…它对应的HTML在哪里？为什么要使用绝对定位（以像素为单位，响应度为0）？到目前为止你尝试了什么？您好，我也添加了HTML，哪种定位类型和绝对定位的单位，例如，如果我想更改其在所有屏幕上定位并使其响应，你有什么建议？：）如果必须进行绝对定位，请使用百分比或vw/vh的相对单位。根据提供的代码，我无法重现您描述的问题。很多代码要么丢失，要么没有链接（比如完整的图像部分，背景图像…但是，最简单的“解决”方法问题是在h1和H2U中添加一个正z指数。我会做很多事情，这总是取决于你试图实现什么。使用相对和绝对定位没有什么特别的错误。但是在大多数情况下，你应该使用相对单位（%，vh，vw），而不是确定的单位（px，em，rem）.在您的情况下，您甚至可能需要使用多个背景图像。。。