CSS实现两个div高度自适应

在前端开发中，经常会遇到两个div需要高度自适应的情况，本文将介绍一种使用CSS实现两个div高度自适应的方法。

首先，在HTML中，我们需要使用两个div，分别为容器div和内容div，其中，容器div用于包裹内容div：

<div class="container">
  <div class="content">
    内容
  </div>
</div> 

接下来，我们需要使用CSS来实现两个div的高度自适应。我们可以为容器div设置高度为100%：

.container {
  height: 100%;
} 

然后，为内容div设置最小高度为100%：

.content {
  min-height: 100%;
} 

这样，当容器div的高度发生变化时，内容div的高度也会随之发生变化，实现了两个div的高度自适应。

需要注意的是，如果父元素的高度内容为auto，则子元素的height:100%将会失效。这是由于height属性依赖于包含块高度的计算，当父元素的height属性为auto时，没有包含块高度可以计算。

总结一下，使用CSS实现两个div高度自适应可以通过设置容器div高度100%和内容div最小高度100%来实现。但要注意父元素的height属性需要设置为具体的高度值。