填充在悬停时受到干扰

Question

所以我在border-bottom上写了一个border-left和hover的位置。

问题是当我将鼠标悬停在锚元素上时，元素会移动。我在这里做错了什么。

以下是代码：nav menu with hover

Answer 1

将这些内容添加到您的CSS

.bmenu li a{
  border-bottom : 2px solid rgba(192,57,43,0); 
  border-left : 2px solid rgba(192,57,43,0);
}

或

.bmenu li a{
  border-bottom : 2px solid transparent; 
  border-left : 2px solid transparent;
}

作为悬停应用前的占位符