`标签默认设置了`overflow: auto`，这意味着当页面内容超出视口时，浏览器会自动添加滚动条。然而，在某些情况下，你可能希望显式设置这一属性：

```html

添加滚动条示例

body {

font-family: Arial, sans-serif;

height: 200vh; /* 让页面高度超出视口，以便触发滚动条 */

overflow: auto; /* 明确设置滚动条行为 */

这是一个测试页面

这里有一些内容，使得页面足够长，从而触发滚动条。

```

给特定容器添加滚动条

更多时候，我们可能需要为特定的容器（如`

`）添加滚动条，而非整个页面。这时，可以直接在CSS中对这些容器设置`overflow`属性：

```html

特定容器滚动条示例

.scrollable-container {

width: 300px;

height: 200px;

border: 1px solid ccc;

overflow: auto; /* 设置容器内容溢出时显示滚动条 */

.content {

width: 600px; /* 内容宽度超出容器宽度 */

height: 400px; /* 内容高度超出容器高度 */

background-color: f9f9f9;

特定容器滚动条示例

这里是一些超出容器大小的内容，尝试滚动查看。