float在邮件模板中完全不可用——所有主流客户端均禁用或过滤该属性，唯一可靠替代方案是表格嵌套布局。
float 在邮件模板中不能安全使用——所有主流客户端（Gmail、Outlook 桌面版、Apple Mail、Yahoo）都会忽略、过滤或错误解析它。
这不是“兼容性差”，而是明确被禁用：
- Gmail 服务端直接移除含
float的整条 CSS 声明 - Outlook（基于 Word 引擎）遇到
float: left会中断后续整个<style></style>块的解析，导致后面所有样式丢失 - Apple Mail 的 CSS 白名单里压根没有
float，声明静默剔除 - 即使写成内联
style="float: left"，Outlook iOS/macOS 和 Gmail Android 仍会校验值并删除
为什么别试图用 float 模拟两栏布局
你可能想用 float: left + width: 50% 实现并排内容，但实际效果是：
- 在 Outlook 中，元素垂直堆叠且高度异常（Word 引擎不理解浮动流）
- 在 Gmail Web 中，
float被删，width却残留，造成宽度错乱 - 所有客户端都不支持
clear，无法收尾或防塌陷
替代方案只有且必须是表格嵌套
要实现左右结构，唯一可靠路径是：
- 外层
<table width="600"> 控制总宽 <li>内层 <code><tr> <td width="300" style="vertical-align: top;">左栏</td> <td width="300" style="vertical-align: top;">右栏</td> </tr> - 每个
<td> 必须显式带 <code>style="vertical-align: top;"，否则 Outlook 默认居中，两栏上下错位如果已有含
float的 CSS 文件，自动化内联时务必预处理用
juice或CssToInlineStyles之前：- 手动删掉所有
float、clear、display: inline-block相关规则 - 不要依赖
@supports (float: left)—— 所有邮件客户端都不识别该语法，整块被清空 - 转换后检查输出 HTML：若发现残留
style="float: left"，说明工具没配好过滤，必须重跑
真正起作用的从来不是“怎么让
float生效”，而是接受它根本不会生效，并立刻切换到<table> 结构。这点在 Outlook Windows 桌面版上尤其残酷——它不报错，只是悄悄把你的布局渲染成一团乱码。</table> - 手动删掉所有
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
