CSS彈性布局是一種非常方便的布局方式，可以實現多種布局效果，其中之一就是實現滾動效果。下面我們通過pre標簽來展示具體實現方法：

/* 父元素設置彈性布局 */
.container {
display: flex;
flex-direction: column;
/* 控制高度 */
height: 200px;
/* 支持滾動 **/
overflow-y: auto;
}
/* 子元素填充父元素，有需要的話可以設置padding */
.item {
flex: 1;
/* 控制寬度 */
width: 100%;
}

首先要在父元素上設置彈性布局，flex-direction設置為column表示垂直排列，然后根據需要設置高度，這里是200px。接下來通過overflow-y屬性實現滾動效果。如果內容超出父元素的高度，就會出現滾動條。

為了讓子元素填充整個父元素，我們在子元素上設置flex:1，表示占據剩余空間的比例為1。同時為了保證子元素寬度與父元素一致，我們設置子元素寬度為100%。

這樣就可以實現一個基本的彈性布局滾動效果了。當然，如果需要更復雜的布局效果，也可以根據具體需求進行調整。希望這篇文章對大家有所幫助。