Html+Css实现鼠标悬浮时，边框出现且不挤压内容

一、错误示例（使用vscode）

代码见上，这样做会在边框出现的同时，像内挤压内容，可能会影响视觉效果。

二、一种解决方法

即在box里面再套一个div标签class名为item，宽高设置得与父级box一样大，好像盖在它上面一样。然后再hover到box上时，使item上出现border。这样便不会去视觉上挤压box的内容，只是遮盖了一点点边。