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

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

 

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

以上问题个人理解,希望发现问题的小伙伴,对我做出点评!

 

转载于:https://www.cnblogs.com/zhaoweinian/p/10135704.html

你可能感兴趣的:(怎样让鼠标滑过每个元素时加边框,但是原来的位置不会因为边框而轻微移动...)