在具有可变位置的CSS中的图像上的文本

Question

我有一组div（其中11个），其中8个带有图像，其中3个带有＆＃39;：＆＃39;。

所有11个盒子都在一个班级＆＃34;计时器＆＃34;。 像这样：

<div class="timer">
  <div><img></div>
  <div><img></div>
  <div>:</div>
</div>

我在每个div中使用p标签并在css：

上使用此代码，在图像上添加了文本

.text{
position: absolute;
left: 85px;
top: 185px;
}

但是在对窗户进行抵抗时，框会移动，但文字会保留。如何使文本随框一起移动？

Answer 1

在这里遗漏了一些内容：

<div>:</div>

实际应该是：

<div class="text">:</div>

如果你想将你的目标.text的CSS应用到包含:的div。

此外，如果您希望容器容纳绝对定位的元素，您需要将计时器设置为相对位置：

.timer { position: relative; }