CSS3 Flexbox 是一種強大的布局方式，同時也支持添加滾動條。使用 Flexbox 創建包含滾動條的容器，可以更加簡便地實現布局需求。

首先，我們需要為容器設置display: flex;屬性，例如：

.container {
display: flex;
}

接著，添加flex-direction屬性以指定主軸方向。在這個示例中，我們將以水平方向為主軸：

.container {
display: flex;
flex-direction: row;
}

接下來，我們添加適當的寬度和高度來定義容器的大小，以及添加overflow: auto;屬性來啟用滾動條：

.container {
display: flex;
flex-direction: row;
width: 500px;
height: 300px;
overflow: auto;
}

這樣，我們就可以在容器中添加任意數量的子元素并且自動創建滾動條。

注意，在使用 Flexbox 布局時，子元素需要顯示指定flex-grow屬性以填充容器。例如，這里創建了兩個子元素，并用flex-grow: 1;指定它們平均填充。

.container {
display: flex;
flex-direction: row;
width: 500px;
height: 300px;
overflow: auto;
}
.child {
flex-grow: 1;
}

這樣，在更改容器大小時，子元素的大小也會自動調整。

總之，使用 CSS3 Flexbox 以及適當的屬性和值，就可以為容器實現簡便的滾動條。現在，你可以使用這種方式為你的網站添加具有響應性的布局。