如何才能让父元素在大小方面与其子元素完全相同？

.parent {
  display: flex;
  flex-direction: row; /* 或者 column，根据需要选择排列方向 */
}

.child {
  flex: 1;
}

.parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 根据需要设置列数 */
  grid-template-rows: repeat(3, 1fr); /* 根据需要设置行数 */
}

.child {
  grid-column: span 3; /* 根据列数设置span的值 */
  grid-row: span 3; /* 根据行数设置span的值 */
}

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}