怎样让鼠标滑过每个元素时加边框，但是原来的位置不会因为边框而轻微移动

实际开发中遇到当鼠标经过导航拦截时，链接边框、底边框显示出来，当鼠标移开边框消失，我们经常遇到过加入:hover{border-bottom:1px solid red}后高度也随鼠标经过链接发生了改变，多了1px高度，那么如何来调整呢

最直接的方法是加入margin的负值,再鼠标划过时，添加边框，再加一个margin设置成负数，值就是你所设的边框的宽度。,我理解的意思就是说当鼠标经过div时底边框出现1像素红色实线边框，随之，下面的外边距减去1px，从而达到高度不变。