【发布时间】：2017-02-18 03:01:21
【问题描述】：
为此苦苦挣扎了几天 - 终于屈服并寻求帮助。
我在 Edge 浏览器中遇到了一个非常奇怪的问题。
这里是测试站点：http://edge22.com/test-edge/
当您将鼠标悬停在菜单项上时，您悬停的菜单项下方会出现一条 1px 的线。没有边框，文字装饰等。如果白色的标题区域变成黑色，线条是黑色的等等。
这就像菜单项的高度仅在悬停时减少 1px：http://screencast.com/t/Lpkow3HF0
现在是奇怪的部分。仅当导航之前的元素是链接（“测试”链接）时才会发生这种情况。如果删除此链接，故障就会消失。
现在，如果我将链接包装在一个 div 中并给它一个小的边距，问题就会消失：
<div style="margin-bottom:0.1em;"><a href="#">Link</a></div>
有人知道发生了什么吗？我已经把所有的 CSS 都删掉了，无法查明问题所在。
【问题讨论】：
-
在尝试缩放以处理缩放时，这看起来像是一个舍入错误。某处的某些东西正在四舍五入，而另一个元素正在四舍五入。我会寻找 em 和 px 的组合，或者根据文本获得高度而其他元素是硬编码的元素。
-
这是一个渲染错误。不要费心修复它。
-
很遗憾，您的链接已失效。如果您仍然遇到问题，您可以更新它吗？
标签： css microsoft-edge