如何让父高度包装内容高度？

要让父元素的高度包装内容的高度，可以使用以下方法：

1. 使用浮动（float）：将子元素设置为浮动，这样父元素会自动包裹子元素的高度。但是需要注意，浮动元素会脱离文档流，可能会影响其他元素的布局。
2. 使用清除浮动（clearfix）：在父元素的样式中添加一个clearfix类，通过设置该类的伪元素清除浮动，使父元素包裹子元素的高度。示例代码如下：

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

然后在父元素的class属性中添加clearfix类。

1. 使用overflow属性：将父元素的overflow属性设置为auto或hidden，这样父元素会根据子元素的高度自动调整自身的高度。示例代码如下：

.parent {
  overflow: auto; /* 或者使用 overflow: hidden; */
}

1. 使用flexbox布局：将父元素的display属性设置为flex，这样父元素会自动包裹子元素的高度。示例代码如下：

.parent {
  display: flex;
}

以上是几种常见的方法，根据具体情况选择适合的方法来实现父元素包裹内容的高度。