要解决边框未覆盖子div的问题，可以使用以下方法：

1. 使用box-sizing:border-box;属性：将盒子模型的计算方式设置为border-box，这样子元素的宽度和高度会包含边框和内边距。这样可以确保边框不会超出父元素的边界。

.parent {
  box-sizing: border-box;
  border: 1px solid black;
  padding: 10px;
}

.child {
  width: 100%;
  height: 100%;
}

2. 使用伪元素:after：通过添加一个伪元素作为子元素来覆盖边框。

.parent {
  position: relative;
  border: 1px solid black;
  padding: 10px;
}

.child {
  position: relative;
  z-index: 1;
}

.parent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid black;
  pointer-events: none;
  z-index: -1;
}

3. 使用outline属性：将边框设置为outline，这样边框不会占据布局空间，从而不会影响子元素的位置和尺寸。

.parent {
  outline: 1px solid black;
  padding: 10px;
}

.child {
  width: 100%;
  height: 100%;
}

以上是三种常用的解决方法，可以根据具体情况选择适合的方法来解决边框未覆盖子div的问题。