Css 嵌套在表中的元素背景的奇怪呈现；表布局：固定的“；

我试图使用

position

CSS属性使两个元素重叠，而不使用

position

CSS属性，因为电子邮件客户端不支持它。我基本上通过使用一个带有

表布局的表解决了这个问题：fixed

。请参阅下面的代码片段（也有基于

位置的实现，只是为了比较）。但是，如果这些元素不是空的，它就不能完全按照我希望的方式工作。查看图片或运行代码段以查看。虽然蓝色块的内容确实与红色块的背景和内容重叠，但蓝色块的背景在红色块的内容下呈现为，仅与其背景（和边框）重叠。有人能想出一种方法让它与内容重叠吗

它在Chrome、Firefox和IE11中的工作方式相同，所以我相信它不是一个未定义行为的随机实现。这背后一定有某种逻辑。为什么嵌套在
td
s中的元素的背景表现得如此奇怪？当我得知元素的内容和背景之间可能存在某种东西时，我真的很惊讶

注意：负页边距不能作为解决方案，因为邮件客户端不支持负页边距



html，正文{margin:0；padding:0；}
#a、 aa{边框：1px#faa纯色；颜色：800；宽度：95px；高度：180px；背景：fcc；}
#b、 #bb{边框：1px#aaf实心；颜色：#008；宽度：100px；高度：150px；背景：#ccf；}
#{位置：绝对；顶部：0px；左侧：200px；}
#{位置：绝对；顶部：50px；左侧：270px；}
#{表布局：固定；宽度：0px；边框折叠：折叠；}
#atd，#btd{垂直对齐：顶部；填充：0；}
#bb{页边距顶端：50px；左边距：70px；}/*或#btd{页边距顶端：50px；左边距：70px；}*/

Lorem ipsum dolor sit amet，是一位杰出的献身者。
未经选择，拍卖人身份为lacinia vitae。
普罗恩·拉奥里特·康瓦利斯·奥迪奥，一位名叫福西布斯·乌特的临时演员。佩伦特式居住者莫比·特里斯蒂克·塞内特斯。
Lorem ipsum dolor sit amet，是一位杰出的献身者。
未经选择，拍卖人身份为lacinia vitae。
普罗恩·拉奥里特·康瓦利斯·奥迪奥，一位名叫福西布斯·乌特的临时演员。佩伦特式居住者莫比·特里斯蒂克·塞内特斯。
那么唯一的方法就是使用图像。不久前，我读了一篇博客，其中建议在新闻稿中使用纯HTML结构，因为邮件客户端无法可靠地实现CSS规则。
表格布局
在所有客户端都有可靠的支持。看到了吗，这里有很多东西并没有真正得到“所有”电子邮件客户端的支持。我不得不问，在电子邮件中覆盖这样的表格的目的是什么？你能更具体一点吗？什么可能不起作用？在哪个客户机中？至于目的，这只是设计的一个元素。