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

hover加边框或边框加粗元素会抖动，甚至会挤掉其它元素

抖动这个现象无法在博客展示，就不展示了。

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

解决办法是设置padding，让padding和边框互补，此消彼长。

平时的样式{

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

}

hover的样式{

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

}