Question

我希望有人可以帮我解决我遇到的定位问题。

我正在尝试编写图片标题。通常情况下，我对此没有任何问题...但是，我试图在图像的一半位置右侧设置标题。

我已经实现了它here（有点大声笑）。但是，我正在使用大量的媒体查询来阻止标题在右侧被切断。

我不禁想到必须有一种更清洁，更有效的方式来做这件事......任何人都可以帮助我吗？： - ）

Answer 1

如果你对图像的父元素有相对定位，你可以绝对定位标题，并使用底部百分比来正确定位。

.img-wrap {
  position:relative;
}

.caption {
  position:absolute;
  bottom:15%;
  right:0;
  padding:0.5em;
}