本文探讨了在实际开发中，如何解决鼠标经过导航链接时边框显示导致的高度变化问题。通过使用负margin值，可以有效保持元素高度稳定，避免布局错乱。
实际开发中遇到当鼠标经过导航拦截时，链接边框、底边框显示出来，当鼠标移开边框消失，我们经常遇到过加入:hover{border-bottom:1px solid red}后高度也随鼠标经过链接发生了改变，多了1px高度，那么如何来调整呢
最直接的方法是加入margin的负值,再鼠标划过时，添加边框，再加一个margin设置成负数，值就是你所设的边框的宽度。,
我理解的意思就是说当鼠标经过div时底边框出现1像素红色实线边框，随之，下面的外边距减去1px，从而达到高度不变。
转载于:https://www.cnblogs.com/fpcbk/p/10791596.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
