css中怎么让高度自适应

CSS 中如何让高度自适应非常常见，特别是在响应式网站设计中。下面是一些方法：

// 方法一：使用百分比高度
.container {
  height: 100%;
}

// 方法二：使用 min-height
.container {
  min-height: 100%;
}

// 方法三：使用 flex 布局
.container {
  display: flex;
  flex-direction: column;
}

.content {
  flex-grow: 1;
}

// 方法四：使用 calc 函数
.container {
  height: calc(100% - 50px);
}

//方法五：使用 table 布局（已经过时）
.container {
  display: table;
  height: 100%;
}

.content {
  display: table-row;
  height: 100%;
}

以上这些方法都可以让高度自适应，在不同场景下选择不同方法即可。