多行圖片div設置hover屬性顯示邊框出現div錯位的解決辦法

在寫HTML時遇到多行圖片設置div的hover屬性顯示邊框。當鼠標移動到div時候會把下面的內容擠出去（如圖） 可以看到下面的div被擠出去了 原因是因爲  設置border時設置了1px邊框，多出的這1px，與其它元素產生了擠壓， 導致div偏移。 解決辦法是先給div設置一個跟背景顏色相同的固定邊框，比如我這個是白色背景，那麼我就設置該div的border屬性爲白色 border: 1px

>>阅读原文<<