Css 如何在IE11上避免边界底部推送和不一致

如何使悬停时的边框底部不延伸父对象的高度，而是保持其高度，以便除显示边框外，所有内容都保持不变

此外，当在IE 11中检查时，边框实际上并不在父对象的底部，但您可以看到中间有一个1px的空白。我能做些什么使它始终如一地工作吗

CSS

HTML5

---

为了避免高度的变化，只需让元素以透明的边框底部开始即可

li {
    border-bottom: 2px solid transparent;
}

鼠标悬停时，只需更改边框底部颜色：

li:hover {
    border-bottom-color: #000;
}

我还添加了过渡持续时间：0.2s；使更改以平滑的动画方式发生，而不是突然发生

---

您报告的1px空白问题在IE 11中没有出现。

您还没有检查吗？那你为什么在这里问？

li {
    border-bottom: 2px solid transparent;
}

li:hover {
    border-bottom-color: #000;
}