css 自动高度盒子

CSS中有几种方式可以实现自动高度盒子：

1. 使用float属性

将盒子的float属性设置为left或right，可以让盒子自动适应内容高度。

.box {
  float: left;
}

2. 使用display属性

将盒子的display属性设置为inline-block或table-cell，可以让盒子自动适应内容高度。

.box {
  display: inline-block;
}

3. 使用position属性

将盒子的position属性设置为absolute或fixed，可以让盒子自动适应内容高度。

.box {
  position: absolute;
}

4. 使用flexbox布局

使用flexbox布局可以让盒子自动适应内容高度。

.container {
  display: flex;
  flex-wrap: wrap;
}
.box {
  flex: 1;
}