**

使用hover給div加邊框，出現div晃動和頁面布局發生混亂的原因：

因為給div設置的border的寬度，使得div的寬度增加，撐開了其他的div

解決辦法：
(1)在給div設置hover前，給它設置一個邊框占位，顏色設為透明，
如：div {border:1px solid transparent;},然后再給div設置hover,div:hover { border:1px solid red;} 。

(2)在給div設置hover前，給它設置一個邊框，顏色設置了與背景顏色相同，
如：div {background-color：red;border:1px solid red;},然后再給div設置hover,div:hover { border:1px solid green;} 。

總結

以上是生活随笔為你收集整理的使用hover给div加边框，出现div晃动和页面布局发生混乱的解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。