我如何设置我的导航div的高度为它包含标题div的高度的100%？

要设置导航div的高度为它包含标题div的高度的100%，可以使用CSS中的flex布局来实现。

首先，确保导航div和标题div都位于同一个父容器内，例如一个包含它们的容器div。

然后，在父容器div的样式中，设置display为flex，并且设置flex-direction为column，这样子元素会垂直排列。

接下来，给导航div添加flex-grow属性，并设置为1，这样导航div会占据剩余的空间。

最后，在标题div的样式中，设置height为100%，这样标题div的高度就会撑满导航div。

以下是一个示例的代码：

HTML:

<div class="container">
  <div class="navigation">
    <!-- 导航内容 -->
  </div>
  <div class="title">
    <!-- 标题内容 -->
  </div>
</div>

CSS:

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

.navigation {
  flex-grow: 1;
}

.title {
  height: 100%;
}

这样设置后，导航div的高度就会自动适应标题div的高度，并且占据剩余的空间。