两个div盒子一个能滑动 并且垂直排列

你可以使用CSS的overflow属性来为一个div盒子添加滚动条，并使用flex布局来垂直排列两个div盒子。下面是一个示例代码：

<style>
    .container {
        display: flex;
        flex-direction: column;
    }

    .scrollable {
        overflow-y: scroll;
        height: 200px; /* 设置滚动区域的高度 */
    }
</style>

<div class="container">
    <div class="scrollable">
        <!-- 这里放置需要滚动的内容 -->
    </div>
    <div>
        <!-- 这里放置第二个div盒子的内容 -->
    </div>
</div>

在上面的代码中，父容器使用flex布局设置为垂直方向排列（flex-direction: column）。第一个子容器（class为scrollable）使用overflow-y属性设置为scroll，这样当内容超过容器高度时将出现垂直滚动条。你可以根据需要调整滚动区域的高度（height）。

请注意，以上示例只是一种实现方式，具体的样式和布局还可以根据你的需求进行调整。