如何让父容器和子容器在同一个滚动条中滚动？

可以使用CSS属性将父容器和子容器放置在同一滚动条中，示例代码如下：

HTML代码：

<div class="container">
  <div class="child-container">
    <!-- 子容器的内容 -->
  </div>
  <!-- 父容器的内容 -->
</div>

CSS代码：

.container { 
  overflow: auto; /* 设置父容器可以滚动 */
  height: 300px; /* 设置容器的高度 */
}
.child-container { 
  overflow: hidden; /* 禁止子容器滚动 */
  height: 100%; /* 设置子容器的高度为100% */
}

在上面的示例代码中，我们使用overflow CSS属性来控制父容器和子容器的滚动行为。通过将父容器的overflow属性设置为auto，我们允许它滚动。然后，我们将子容器的overflow属性设置为hidden，从而禁用其滚动行为。最后，我们将子容器的高度设置为100%，以使其充满父容器，并将父容器的高度设置为300px。

这样，父容器和子容器就会在同一个滚动条中滚动了。