**方法一：设置固定高度并使用溢出隐藏属性**

当容器中的内容超出容器本身的高度时，可以通过设置CSS属性来添加滚动条。以下是具体的CSS代码示例：

```css

div {

height: 300px; /* 可以根据需要设置高度 */

overflow: auto; /* 当内容溢出时，自动显示滚动条 */

}

```

在这种情况下，滚动条只有当内容超过`div`元素设置的高度时才会出现。这是一种非常基础的滚动条使用方法。

**方法二：添加样式到滚动条**

虽然HTML和CSS不能直接在滚动条上添加太多样式，但我们可以通过一些特殊的方式改变滚动条的样式。例如，改变滚动条的背景颜色、颜色等。但请注意，这种方式只在特定的浏览器上有效，并且并不是所有的浏览器都支持自定义滚动条样式。以下是一个简单的例子：

```css

div::-webkit-scrollbar { /* WebKit浏览器特有的滚动条样式 */

width: 10px; /* 滚动条的宽度 */

}

div::-webkit-scrollbar-track { /* 滚动条的轨道样式 */

background: #f1f1f1; /* 轨道的颜色 */

}

div::-webkit-scrollbar-thumb { /* 滚动条的拖动块样式 */

background: #888; /* 拖动块的颜色 */

}

```

请注意，这些方法可能不适用于所有浏览器，并且自定义滚动条的样式在不同的浏览器上可能会有不同的表现。因此，在使用这些方法时，最好进行充分的测试以确保在各种浏览器上的兼容性。