[分享]css两个div高度铺满

CSS中有时候需要让两个div的高度自适应并铺满整个容器，这种情况下可以使用一些技巧实现。

div {
  box-sizing: border-box;
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.content {
  flex: 1;
} 

上述代码使用了flex布局，将容器设置为纵向排列，并将内容区域设置为弹性缩放，以使其铺满整个容器。

另外一种方法是使用绝对定位：

div {
  position: relative;
}

.content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
} 

上述代码给容器设置了相对定位，然后在内容区域设置了绝对定位，并将其上下左右都设置为0，以使其铺满整个容器。

总结来说，这两种方法都可以用于实现两个div高度自适应铺满容器的效果，具体选择哪一种取决于开发习惯和需求场景。