Safari浏览器中导航与Footer链接重叠问题求助
常见原因及对应修复方案：
行高解析差异
Safari对inline/inline-block元素的line-height计算逻辑与其他浏览器不同，极端或继承的异常行高易引发文字重叠。
修复：给目标标签显式设置合理的行高（如line-height: 1.5），若用flex布局，确保容器align-items设为center或明确对齐方式。inline-block垂直对齐问题
Safari中inline-block元素默认垂直对齐规则易导致错位，尤其当标签包含图标+文字混合内容时。
修复：给标签设置vertical-align: middle或top；若有图标，同步给图标设置vertical-align: middle。flex布局兼容性bug
Safari对flex属性的解析存在偏差，flex-shrink、容器宽度设置不当会导致元素挤压重叠。
修复：给标签设置flex-shrink: 0（避免挤压）或min-width（保证最小宽度）；检查容器overflow属性，必要时调整；旧版Safari可添加前缀-webkit-flex-shrink: 0。文字溢出处理不规范
Safari对text-overflow: ellipsis的生效条件要求更严格，未正确设置white-space和overflow会导致文字换行重叠。
修复：给标签添加以下样式：white-space: nowrap; overflow: hidden; text-overflow: ellipsis;若无需省略号，确保
white-space: normal且元素宽度足够容纳文字。WebKit内核渲染bug
旧版Safari存在inline元素基线偏移的渲染bug，引发文字重叠。
修复：将标签设为display: inline-block；重置元素内外边距（padding: 0; margin: 0;）排除默认样式干扰。
内容的提问来源于stack exchange，提问作者Johnathan Perez
