CSS 是一种用于描述文档样式的标记语言，是前端工程师必须掌握的技能之一。其中最基础的应该就是 div 的大小自适应窗口大小了。

在 CSS 中，通过设置 div 的宽度和高度为百分比，我们可以实现 div 的大小与窗口大小保持一致的效果。以下是一段示例代码：

div {
  width: 100%;
  height: 100%;
}

以上代码表示将 div 的宽度和高度都设置为窗口的百分之百，即使窗口大小发生改变，div 的大小也会随之改变。

在实际开发中，我们还可以通过嵌套 div 元素来实现更加精细的布局。例如，我们可以将一个 div 容器分为两个区域，一个固定宽度，一个自适应宽度：

<div class="container">
  <div class="fixed">固定区域</div>
  <div class="auto">自适应区域</div>
</div>

.container {
  width: 100%;
  height: 100%;
}

.fixed {
  width: 200px;
  height: 100%;
  float: left;
}

.auto {
  height: 100%;
  margin-left: 200px;
}

以上代码中，container 容器的宽度和高度都设置为百分之百，fixed 区域的宽度固定为 200 像素，而 auto 区域的宽度则自适应剩下的宽度，并通过设置 margin-left: 200px 来避免与 fixed 区域重叠。

通过以上方法，我们可以很方便地实现 div 的大小自适应窗口大小，从而让我们的页面在不同大小的设备上都能够得到良好的呈现。