CSS 父子 div 边框重叠变粗的解决方法

可以使用 CSS 的 outline 属性来解决父子 div 边框重叠变粗的问题。将父元素的 outline 属性设置为与边框相同的颜色和宽度，然后将子元素的 border 属性设置为 0 即可。

例如：

父元素的样式：

.parent {
  outline: 2px solid red;
}

子元素的样式：

.child {
  border: 0;
}

这样可以避免父子元素的 border 重叠变粗的问题。