border造成元素移动解决方法hover、focus的border样式造成的内容位移解决办法一：预先添加一个透明边

hover、focus的border样式造成的内容位移

解决办法一：预先添加一个透明边框

border :  1px solid transparent;

解决办法二：使用outline或者box-shadow

外边框：box-shadow: 0 0 0 5px black;
内边框：box-shadow: inset 0 0 0 5px black;
outline: 5px solid black;

解决办法三：使用padding给border预留空间

     .ss {
            padding: 2px;
        }
     .ss:hover {
            padding: 0;
            border: 1px solid black;
     }