'alignitems:center/flexend'breaks'overflow:scroll'

实例

.slidesWrap {
display: flex;
align-items: center;
overflow: auto;
}
.slide {
overflow: auto;
flex: 1;
max-height:100%;
}

结果：

左侧区域的content不见了。而且滚动也不会出现。
这是因为overflow：scroll 只会对下方或右侧超出的部分滚动 ，对左侧和上方无效（左侧可以尝试float: right设置超出。也是横向无滚动）

解决方案

1.中间再包一层
2.max-height:100%;

实例：

.slidesWrap {
display: flex;
flex-direction: row;
align-items: flex-end;
}
.slide {
overflow: auto;
flex: 1;
max-height:100%;
}

结果：