局部滚动的实现

• 方法一：给父容器设置一个固定高度，并溢出隐藏。子容器撑满父容器，溢出滚动。
• 方法二：给父容器设置一个最大高度max-height,并溢出滚动。

/* 方法一 */
.parent {
    width: 100%;
    height: 264px;
    overflow: hidden;
}
.child {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
/* 方法二 */
.parent {
    width: 100%;
    max-height: 264px;
    overflow-y: auto;
}

各方法的优缺点：

方法一比较固定，适用于已经知道容器高度的场景，容易导致容器留白，如果不想容器会留白，那么方法二就是最好的选择，当你容器内容的高度小于最大高度时，他不会留白，有个自适应的效果。