在CSS中，我們可以通過設(shè)置overflow屬性來控制元素的滾動(dòng)條顯示和方向。overflow屬性可以設(shè)置為scroll、auto或hidden，分別表示元素可以滾動(dòng)、自動(dòng)滾動(dòng)或不顯示滾動(dòng)條。

我們還可以使用direction屬性來控制滾動(dòng)條的方向。direction屬性可以設(shè)置為horizontal或vertical，分別表示滾動(dòng)條的方向?yàn)樗交虼怪薄?/p>

下面是一個(gè)示例，展示如何在CSS中設(shè)置垂直方向的滾動(dòng)條：

div {
  height: 200px;
  width: 300px;
  border: 1px solid #000;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: scroll; /* 設(shè)置垂直方向的滾動(dòng)條 */
}

在上面的示例中，我們?cè)O(shè)置了一個(gè)div元素，并指定了其高度、寬度和邊框樣式，我們通過設(shè)置overflow-y屬性為scroll來啟用垂直方向的滾動(dòng)條，這樣，當(dāng)元素的內(nèi)容超過其指定的高度時(shí)，就會(huì)出現(xiàn)一個(gè)垂直方向的滾動(dòng)條，允許用戶垂直滾動(dòng)內(nèi)容。

需要注意的是，overflow-y屬性僅適用于垂直方向的滾動(dòng)條設(shè)置，如果我們想要設(shè)置水平方向的滾動(dòng)條，可以使用overflow-x屬性，我們還可以將overflow-x和overflow-y屬性都設(shè)置為scroll，以啟用水平和垂直兩個(gè)方向的滾動(dòng)條。