**

使用hover給div加邊框，出現(xiàn)div晃動(dòng)和頁(yè)面布局發(fā)生混亂的原因：

因?yàn)榻odiv設(shè)置的border的寬度，使得div的寬度增加，撐開了其他的div

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。