CSS加垂直滾動是一種常見的網頁布局技巧，可以幫助用戶快速滾動頁面，同時保持頁面內容的可見性。以下是一些常見的CSS技巧，可以用來實現垂直滾動：
1. 使用flex布局
使用flex布局是一種非常常用的CSS技巧，可以用來實現垂直滾動。在flex布局中，將容器設置為display:flex，然后設置子元素為flex-items：垂懸。這意味著子元素垂直方向上可以滾動，而父元素則保持水平方向不變。
例如，下面的代碼演示了如何使用flex布局來實現垂直滾動：
```html
Hello，垂直滾動！
This is some content, you can垂直滾動 to see it.
在上面的代碼中，使用display:flex將容器設置為display:flex，然后設置子元素為flex-items：垂懸。在flex-container標簽中，使用flex-row和flex-col屬性來設置子元素的垂直和水平排列方式。使用flex-col-xs-4和flex-col-sm-4屬性來分別設置子元素的xs和小版本，以實現垂直滾動。
2. 使用table布局
使用table布局也可以實現垂直滾動，這種方法需要使用table布局容器，然后將子元素設置為table-cell。使用這種方法時，需要將子元素的width和height設置為固定值，以確保它們在垂直方向上可以滾動。
例如，下面的代碼演示了如何使用table布局來實現垂直滾動：
```html
Hello，垂直滾動！ | This is some content, you can垂直滾動 to see it. |
在上面的代碼中，使用table布局容器，然后將子元素設置為table-cell。在td標簽中，使用width和height屬性來設置子元素的width和height，并將其設置為固定值。
3. 使用CSS表格
CSS表格也可以實現垂直滾動，這種方法需要使用CSS表格容器，然后將子元素設置為表格單元格。使用這種方法時，需要將子元素的width和height設置為固定值，以確保它們在垂直方向上可以滾動。
例如，下面的代碼演示了如何使用CSS表格來實現垂直滾動：
```html
Hello，垂直滾動！ | This is some content, you can垂直滾動 to see it. |
在上面的代碼中，使用CSS表格容器，然后將子元素設置為表格單元格。在td標簽中，使用display:table-cell和width和height屬性來設置子元素的width和height，并將其設置為固定值。
通過使用這些方法，我們可以輕松地實現CSS垂直滾動。