使用hover为div添加边框时,页面布局发生错位的解决办法

来源:互联网 发布:统一台湾契机 知乎 编辑:程序博客网 时间:2024/04/19 07:33

当鼠标滑动到一个盒子上面时要为其添加边框,但是加上边框之后页面布局发生了错位,究其原因是因为加上border之后原来的盒子的宽高发生了变化,导致其他盒子被挤到一边,如图:

,其中一个解决办法就是在鼠标滑动到盒子之前,为其添加一个透明边框进行占位,例如:border:1px solid transparent;

结果如下:

0 0
原创粉丝点击