Question

我正在尝试对齐两个动态创建的对象的左上角。顶部的较小矩形包含一些描述性文本，较大的矩形包含图像。问题是，我无法使用position：absolute来定位元素，因为页面上有几个集合，是从数据库动态加载的。

它应该是这样的：

使用position：relative不起作用，因为以下对象的位置与前一个对象的底部有关。我该怎么做才能将元素的左上角设置为参考点？

Answer 1

您可以使用position: absolute。

确保使用以下CSS将图像和文本包裹在容器中：

.wrap {
    position: relative;
 }

现在，如果您对position: absolute中的元素使用.wrap，它将起作用，并将其自身相对于.wrap定位：）

.text {
   position: absolute;
   top: -5px;
   left: -5px;
}