css 元素加边框且后面元素不位移

　　当元素加完边框后，因为边框占用一定空间，造成后面元素偏移，这样感觉不好。如何解决这个问题呢？

     padding登场了。可以给元素设置内边距{padding： 0 6px;},当鼠标悬浮时添加边框，同时将内边距变小相应的大小{border-0 1px;padding:0 5px; }

    

　　ps:这个技巧太赞了，可见平时不起眼的padding有时可以派上大用场，细节才是王道。