css对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颜⾊设置为透明
div {border:1px solid transparent;},
然后再引⼊hover动作
div:hover { border:1px solid red;}。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。