gpt4 book ai didi

html - CSS:如何在包含的 relative-position-div 中设置 span 的绝对位置

转载 作者:搜寻专家 更新时间:2023-10-31 22:49:56 25 4
gpt4 key购买 nike

<分区>

我有这个代码:

<br><br><br>
<div style="position: relative; background: #000000; height: 400px;">
<span style="position: absolute; top: 0; left: 0; display: block; background: #FF0000; width: 100px; height: 100px;">
</span>
</div>

有效,我所需要的只是跨度与 div 容器相比按绝对位置定位。

但是当我在 div 中添加图像时:

<br><br><br>
<div style="position: relative; background: #000000; height: 400px;">
<img src="FabledLeviathan.png">
<span style="position: absolute: top: 0; left: 0; display: block; background: #FF0000; width: 100px; height: 100px;">
</span>
</div>

与容器 div 相比,跨度不会像以前那样显示在 [0, 0] 处。它现在显示在图像下方。我应该如何解决这个问题?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com