CSS 如何讓部分滾動？
使用 CSS 讓部分內容可以滾動，是一個非常常見的需求。例如，當文章正文很長時，你可能想讓文章標題仍可見，而將正文滾動起來。
實現這個功能，通常需要底下的 HTML 結構：
```
文章標題
段落一
段落二
段落三
...` 是整個容器，`` 是文章標題，`
` 是文章正文。如果我們想要讓正文可以滾動，但標題不滾動，我們可以這樣寫 CSS 代碼：
```
.wrapper {
height: 400px; /* 設置容器高度，超過容器高度將出現滾動條 */
overflow: auto; /* 開啟滾動條 */
}
header {
position: sticky; /* 讓標題固定在容器頂部 */
top: 0;
background-color: #f8f8f8; /* 為標題添加背景色，以免與正文混淆 */
padding: 20px;
}
.content {
padding: 20px;
}
```
在這份代碼中，我們為容器設置了 `height` 和 `overflow` 屬性，這樣它就能在超出容器高度時顯示滾動條。
對于標題，我們使用了 `position: sticky` 屬性，讓它固定在容器頂部。`background-color` 屬性和 `padding` 屬性則是為了讓標題看起來更加舒適。
最后，對于正文部分，我們只是添加了一些 padding，以便文章不太緊湊。
如此一來，你就實現了一個可滾動的文章頁面！