父子元素高度匹配

要使子元素的高度等于父元素的高度，可以使用以下方法：

1. 使用绝对定位：
   • 父元素需要设置 position: relative;，以便子元素可以相对于父元素进行定位。
   • 子元素需要设置 position: absolute;，以便脱离文档流，并且可以相对于父元素进行定位。
   • 子元素需要设置 top: 0; 和 bottom: 0;，以使其顶部和底部都与父元素对齐。
   • 子元素的宽度可以根据需要进行设置。

示例代码：

css
.parent {
  min-height: 200px;
  position: relative;
}
.child {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

2. 使用 flexbox 布局：
   • 父元素需要设置 display: flex;，以启用 flexbox 布局。
   • 子元素需要设置 flex: 1;，以使其自动填充父元素的剩余空间。

示例代码：

css
.parent {
  min-height: 200px;
  display: flex;
}
.child {
  flex: 1;
}

这两种方法都可以使子元素的高度与父元素的高度保持一致。选择其中一种方法根据你的具体需求和布局情况来决定。