Question

我有这段代码：

<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]处。它现在显示在图像下方。我该如何解决这个问题？

Answer 1

<span>的样式有一个小错字。

:后面有一个absolute。应该是;

<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>

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

1 个答案: