### **樣式設置** ``` 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; } ```