html - 您如何将信息放置在随translate/top移动的div/image下？

这是我的意思的示例：

img {
  width: 400px;
  height: 100px;
  top: -50px;
  position: relative;
}

<img src="http://www.flabber.nl/sites/default/files/archive/files/i-should-buy-a-boat.jpg">
<p>
  testing to see when it will work
</p>

文字应该在图片的正下方，但是我仍然想将图片/ div向上移动。

我也想移动文本而没有top / translate，因为我将不得不移动所有在其下的text / div / images。

最佳答案

请在下面使用：

top:0px;
margin-top:-50px;

这是jsfiddle：
https://jsfiddle.net/1fu1y4nw/

关于html - 您如何将信息放置在随translate/top移动的div/image下？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37146973/