CSS設置頁面有滾動條 在編寫網頁時，我們經常需要設置頁面有滾動條。下面是一些CSS代碼可以幫助我們達到這個目的。 首先，我們需要對整個文檔設置寬度和高度。這可以使用以下代碼來實現：

html, body {
width: 100%;
height: 100%;
}

接下來，我們需要為內容區域設置寬度和高度。這可以使用以下代碼來實現：

.content {
width: 100%;
height: 100%;
overflow: auto;
}

此代碼將為內容區域添加滾動條。 `overflow: auto;` 屬性意味著當內容超過內容區域的尺寸時，滾動條將自動出現。 我們還可以通過為 `body` 元素添加 `margin` 屬性以設置頁面的外邊距。這可以使用以下代碼來實現：

body {
margin: 0px;
}

這將移除頁面的默認外邊距，確保內容區域覆蓋整個頁面。 當我們想要為固定高度的元素添加滾動條時，可以使用以下代碼：

.fixed-height {
height: 200px;
overflow-y: auto;
}

此代碼將為一個200像素高的元素添加滾動條。 `overflow-y: auto;` 屬性意味著當內容超過元素的高度時，垂直滾動條將自動出現。 總之，在編寫網頁時，我們需要確保頁面的寬度和高度以及內容區域的寬度和高度得到正確的設置。通過使用上面提供的代碼，我們可以輕松地為網頁添加滾動條，以確保用戶可以方便地查看內容。