css中，父级div只实现纵轴滚动，两个子div分别只实现横轴滚动

在CSS中，你可以通过`overflow-x` 和 `overflow-y` 属性来实现这样的效果。当你想要一个父级元素仅允许沿其主轴（通常是指长边）滚动，而子元素各自沿其交叉轴（短边）滚动时，可以这样做：

.parent-container {
  /* 父级div的样式 */
  overflow-x: auto; /* 只有x轴滚动 */
  overflow-y: hidden; /* 阻止y轴滚动 */
}

.child-one {
  position: relative; /* 或者其他适合的方式使其脱离文档流 */
  width: 100%; /* 子元素宽度设置，如果需要横轴滚动 */
  white-space: nowrap; /* 保持文本在一行内，防止换行导致滚动 */
  overflow-x: scroll; /* 子元素只允许横轴滚动 */
  overflow-y: hidden;
}

.child-two {
  /* 类似于.child-one，只是将宽高方向互换 */
  overflow-x: hidden;
  overflow-y: scroll;
}

这样，`.parent-container` 只会在水平方向上滚动 `.child-one` 内的内容，而垂直方向不会滚动；反之，`.child-two` 只会在垂直方向上滚动内容，水平方向则不可见。