css设置高度自适应

CSS设置高度自适应有几种方法，以下是其中的一些：

1. 使用百分比高度。将元素的高度设置为百分比值，例如 height: 100%。这将使元素的高度相对于其父元素的高度自适应。

2. 使用min-height和max-height属性。将元素的min-height属性设置为最小高度，将max-height属性设置为最大高度。这将使元素的高度在最小和最大高度之间自适应。

3. 使用flexbox布局。将元素的display属性设置为flex，然后使用flex-grow属性来自适应高度。例如：

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

   .item {
       flex-grow: 1;
   }

这将使元素的高度自适应其父元素的高度。

4. 使用grid布局。使用grid-template-rows属性将元素的行高设置为自适应的值。例如：

   .container {
       display: grid;
       grid-template-rows: auto 1fr auto;
   }

   .item {
       grid-row: 2;
   }

这将使元素在网格布局中自适应高度。