Gmail将“position：relative”删除为内嵌CSS（电子邮件模板）

Question

根据我的理解，Gmail完全不接受CSS阻止，这就是为什么我一直在为我的电子邮件模板添加一堆内联CSS以使其工作。

然而，我正在努力使用CSS定位属性。我希望图像位于背景图像的顶部，因此我将两者的父div设置为position: relative，将图像设置为绝对。但是，由于某种原因，Gmail会删除声明位置的样式属性：相对于div。它保留了所有其他内联CSS。

有什么想法吗？任何解决方法？

Answer 1

可悲的是，我怀疑在设计电子邮件时，你可能不得不放弃完全合理的div和定位思路。电子邮件客户端的CSS支持是一个纠结的噩梦。

迫使电子邮件布局的唯一（相对）万无一失的方法是使用旧的学校表布局，这是不幸的，但不可避免。

Campaign Monitor对电子邮件客户端CSS支持here进行了精彩摘要。

Answer 2

发送电子邮件时，我遇到了类似的布局问题。解决方案是使用表格来正确定位事物。它已经过时了，但我认为这是使事情看起来应该如此的唯一方法。