相互独立地定位文本和图像

Question

我需要将HTML的每个元素彼此独立地定位，即每个元素应该能够拥有每个元素的顶部和左边距。设置元素的边距不应影响或更改任何其他元素的边距/定位。 html作为签名粘贴在电子邮件中，因此如果用户在元素上方插入一行，则它们应该一致地向下移动。我已经尝试了具有位置和边距的div无济于事 - 似乎第一个元素总是影响第二个元素的位置。请帮忙！

Answer 1

由于是电子邮件，我会尝试使用表格。我知道表格对于布局是不受欢迎的，但是有很多电子邮件客户端你真的想要使用最简单的标记，所以它只是工作而忘记了语义。

您可能还想查看MailChimp等电子邮件服务使用的示例模板，并了解它们是如何做到的。有可能是经过试验和测试的解决方案。

Answer 2

这可以通过将图像作为html中的第一个元素来实现。然后可以使用position：relative和margin属性来定位其他元素，如

。只需从第一个文本元素的上边距中减去图像高度。使用这种技术，文本甚至可以放在图像上方。