html - 如何在html css中将滚动条添加到父div？

Question

我想向父 div 添加一个垂直滚动条，因为在下面的设置中， child 的高度远大于父 div 的高度。我在 W3 学校读过，默认情况下 overflow: auto;因此，如果子 div 的高度超过父 div 的高度，它将添加滚动条。但下面的设置并不能证明它是合理的。帮助我理解这一点。
根据 W3 学校 CSS 文档，

If the height is set to a numeric value (like pixels, (r)em, percentages) then if the content does not fit within the specified height, it will overflow. How the container will handle the overflowing content is defined by the overflow property.

我们如何证明上述说法是正确的？

.parentDiv {
  background-color: coral;
  height: 50px;
  width: 200px;
}

.childDiv {
  background-color: crimson;
  height: 100px;
  width: 200px;
}

<div class="parentDiv">
  <div class="childDiv">

  </div>
</div>

@Edited:默认情况下 overflow: visible; ，它不是自动的。我读错了。

Answer 1

.parentDiv {
  background-color: coral;
  height: 50px;
  width: 200px;
  overflow-y: auto; /* new stuff */
}

.childDiv {
  background-color: crimson;
  height: 100px;
  width: 200px;
}

<div class="parentDiv">
  <div class="childDiv">

  </div>
</div>