css去除相邻的div重叠边框

在CSS中，相邻的div元素可能会出现边框重叠的情况。这是因为默认情况下，相邻元素之间的边框会重叠在一起，从而导致重叠的效果。为了避免这种情况，可以使用以下方法：

1. 使用margin：为相邻的元素添加margin属性，使它们之间产生一定的间隔，从而避免边框重叠的问题。例如：

div {
  border: 1px solid black;
  margin-bottom: 10px;
}

2. 使用outline：使用outline属性来代替border属性，因为outline属性不会与相邻元素的边框重叠。例如：

div {
  outline: 1px solid black;
}

3. 使用box-shadow：使用box-shadow属性来模拟边框的效果，因为box-shadow不会与相邻元素的边框重叠。例如：

div {
  box-shadow: 0 0 0 1px black;
}

以上三种方法都可以有效地避免相邻元素的边框重叠问题。具体使用哪种方法需要根据具体情况进行选择。