hover加边框或边框加粗元素不抖动

hover加边框或边框加粗元素会抖动&＃xff0c;甚至会挤掉其它元素

抖动这个现象无法在博客展示&＃xff0c;就不展示了。

在hover效果给li元素的边框加多1px后&＃xff0c;挤掉了下方的li元素

解决办法是设置padding&＃xff0c;让padding和边框互补&＃xff0c;此消彼长。

平时的样式{

       border: 1px solid #CCC;
padding: 1px;

}

hover的样式{

       border: 2px solid #F03;
padding: 0px;

}