div用hover設置border，出現抖動和div走位問題，解決方法

樣式設置 ： div:hover { border:1px solid red;} 當鼠標移動到div時，產生抖動和偏移。
產生的原因： 是因為設置border時設置了1px邊框，多出的這1px，與其它元素產生了擠壓， 導致div偏移。
解決方法：

第一種方法：是先將這個div設置一個跟背景顏色一樣的邊框，比如背景顏色為#aaa；那么你先設置這個div的樣式：div {border:1px solid #aaa;}，然后再設置hover動作，

div:hover { border:1px solid red;}。

第二種方法：將這個div的border顏色設置為透明

div {border:1px solid transparent;},

然后再引入hover動作

div:hover { border:1px solid red;} 。