在父div内添加垂直子div(都是固定宽度的)，并在父级使用动态水平滚动条

在父div内添加垂直子div(都是固定宽度的)，并在父级使用动态水平滚动条可以通过以下方式实现：

首先，在父div中设置一个固定高度的容器，并将其样式设置为overflow-x: scroll; white-space: nowrap;，这样就会在容器中创建一个水平滚动条，并且子div元素不会换行。

示例代码如下：

<style>
.parent-div {
  width: 100%; /* 设置父div的宽度 */
  height: 200px; /* 设置父div的高度 */
  overflow-x: scroll; /* 显示水平滚动条 */
  white-space: nowrap; /* 子元素不换行 */
}

.child-div {
  display: inline-block;
  width: 200px; /* 设置子div的固定宽度 */
  height: 100%; /* 子div高度与父div相同 */
  background-color: #f0f0f0;
  margin-right: 10px; /* 设置子div之间的间距 */
}
</style>

<div class="parent-div">
  <div class="child-div">子div1</div>
  <div class="child-div">子div2</div>
  <div class="child-div">子div3</div>
  <!-- 添加更多子div -->
</div>

在上述代码中，父div的高度设定为200px，子div的宽度设置为200px，并通过display: inline-block;使其水平排列。同时，设置了margin-right: 10px;来为子div之间添加间距。

这样，当子div的总宽度超过父div的宽度时，父div就会显示一个水平滚动条，用户可以通过滚动条来查看不可见的子div元素。