用css使父元素中的子元素从左到右从上到下并且有滚动条

可以使用flex布局和overflow属性来实现这个效果。具体的CSS代码如下：

.parent {
  display: flex;
  flex-wrap: wrap;
  max-height: 200px;
  overflow-y: auto;
}

.child {
  width: 100px;
  height: 100px;
  margin: 10px;
}

解释一下：

- 父元素使用 `display: flex` 属性将子元素按照一定的布局方式进行排列。
- `flex-wrap: wrap` 属性使得子元素在父元素宽度不足时会自动换行。
- `max-height` 属性与 `overflow-y: auto` 属性一起使用，使得当子元素超出父元素的高度时会出现纵向滚动条。
- 子元素的宽度、高度以及间距可以根据实际情况进行调整。

这样设置之后，子元素会自动从左到右从上到下排列，并且会显示纵向滚动条。