CSS div页边距自动，在创建的页边距中超高定位元素

我正在我的页面上创建一个小视图，其中有一个以500x650为中心的div，其中有一些文本

我有一个引导div作为容器。里面有一个以500x650为中心的div，CSS如下：

.desc {
  position: relative;
  margin: 30px 245px 0px;
  height: 500px;
  width: 650px;
  background: #fff;
  border: 1px dashed #cbd0d8;
  padding: 5px;
}

这看起来不错。现在，我尝试添加一个小图像，它应该位于虚线边框左下角的右边。问题是，我用margin:auto将其居中，在.desc div的两侧创建了一个巨大的水平边距，因此我无法定位img，它位于position:relative的div中，因为边距将其向下推到角下

我可以在我的图像上使用position:absolute，但我试图避免这种情况，因为我知道它在不同大小的显示器上看起来不同，我希望这张图像能够精确地放在一个位置上

---

如何解决此问题？

若要将图像精确放置在.desc DIV的左下角，请将图像标记放在.desc DIV中，并为其设置以下设置：

img.yourclass {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 30px;
 }

因为您的DIV已经有position:relative，它将充当绝对定位图像的位置锚，底部和左侧设置将其放置在左下角

---

宽度和高度当然取决于图像本身。根据需要调整。

我解释得很糟糕。。。我有一个剪式img，我正试图定位在角落的左侧，使它看起来像是在切割虚线边框。为此，我需要它位于边框左下角的左侧。因此.desc div中的位置：绝对不起作用：只需根据需要调整底部和左侧设置，或将其放置在左上角，使用“顶部”而不是“底部”