如何删除父元素和子元素边框之间的空格并折叠它们

要删除父元素和子元素边框之间的空格并折叠它们，可以使用CSS的margin和padding属性来控制。

首先，确保父元素和子元素的margin和padding属性都设置为0。这样可以消除它们之间的空格。

然后，使用CSS的border-collapse属性来折叠边框。将border-collapse设置为collapse可以使父元素和子元素的边框合并在一起，从而消除它们之间的空格。

以下是一个示例代码：

<style>
  .parent {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }
  .child {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }
</style>

<div class="parent">
  <div class="child">子元素</div>
</div>

在上面的示例中，我们将父元素和子元素的margin和padding属性都设置为0，并将border-collapse属性设置为collapse。这样就可以删除父元素和子元素边框之间的空格并折叠它们。

请注意，这只是一种方法，具体的实现可能会因为具体的布局和需求而有所不同。