Html 停止链接'；凹凸'；悬停

当我将鼠标悬停在链接上方时，如何防止链接“碰撞”

ul{
位置：绝对位置；
底部：4px；
边际：0px；
左：0px；
}
李：悬停{
底部边框：2件纯黑
}

只需添加

页边距底部：-2px至
li:悬停


ul{
位置：绝对位置；
底部：4px；
边际：0px；
左：0px；
}
李：悬停{
底部边框：2件纯黑；
边缘底部：-2px；
}



只需添加
页边距底部：-2px至
li:悬停


ul{
位置：绝对位置；
底部：4px；
边际：0px；
左：0px；
}
李：悬停{
底部边框：2件纯黑；
边缘底部：-2px；
}



您可能会产生一种错觉，即通过在li上实际添加边框来添加边框，但将其设置为透明。将悬停时的边框颜色更改为黑色


ul{
位置：绝对位置；
底部：4px；
边际：0px；
左：0px；
}
李{
底部边框：2px实心透明
}
李：悬停{
边框颜色：黑色
}



您可能会产生一种错觉，即通过在li上实际添加边框来添加边框，但将其设置为透明。将悬停时的边框颜色更改为黑色


ul{
位置：绝对位置；
底部：4px；
边际：0px；
左：0px；
}
李{
底部边框：2px实心透明
}
李：悬停{
边框颜色：黑色
}



谢谢你，塞巴斯蒂安！你比Darren稍微快一点，这也行得通，所以我会选择你作为答案。非常感谢你花时间和解释。谢谢你，塞巴斯蒂安！你比Darren稍微快一点，这也行得通，所以我会选择你作为答案。非常感谢你花时间和解释。给liGive一个：hover{border bottom:2px solid}而不是给liGive一个：hover{border bottom:2px solid}而不是给li