css 如何让边框不影响宽度 电脑版发表于:2020/8/13 10:23 tn3####网上说使用盒子模型box-sizing:border-box即可解决 ``` div.box{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ border:1em solid red; } ``` 但是我发现设置边框还是会影响布局。所以想了一个办法就是先设置边框,但是边框颜色和背景色一样看着想没有边框一样,然后在鼠标指上去的时候改变一下边框颜色就好,这样就不会影响宽度了,因为本身就存在嘛,只是你看不到而已。 ``` .professional_container .myborder { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; border: 1px solid #fff; /* Safari */ } .professional_container .myborder_foucs { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; border: 1px solid #dee2e6; /* Safari */ } ```