css两个div的border重叠变粗怎么处理？

CSS中有一个属性叫做box-shadow可以解决这个问题。使用box-shadow可以给div增加一个阴影，这样两个div的边框就不会重叠了。具体代码如下：

div {
  box-shadow: 0 0 0 2px #000;
}

这个代码会给div增加一个2像素宽的黑色阴影，相当于给div的边框增加了2像素的宽度。这样两个div的边框就不会重叠了。