让父级容器的高度适应内容高度（CSS）

有几种方法可以让父级容器的高度适应内容高度。

方法1：使用display: flex和flex-direction: column属性

.parent {
  display: flex;
  flex-direction: column;
}

方法2：使用display: inline-block属性

.parent {
  display: inline-block;
}

方法3：使用overflow: hidden属性

.parent {
  overflow: hidden;
}

方法4：使用position: absolute属性

.parent {
  position: relative;
}

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

这些方法中，方法1和方法2适用于父级容器和内容之间没有其他元素的情况；方法3可以用于包含浮动元素的父级容器；方法4可以用于父级容器和内容之间有其他元素的情况。根据具体情况选择合适的方法。