css - 如何使border不影响div对外的宽高？

问题描述

问 题

是这样的、我想做一个div有固定的宽高、鼠标移上去的时候显示border、但是这个border不能影响后续的div

现在是这样的

然后鼠标移上去的时候、变成了这样、因为border的加入使得第一个商品div的高度增加了、把第二行的商品div移到了后面

解决方案

用outline，或者设置box-sizing为border-box

这篇关于css - 如何使border不影响div对外的宽高？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！