在CSS中，給小窗口添加滾動條的方法通常是通過設(shè)置overflow屬性來實現(xiàn)。overflow屬性可以指定當(dāng)內(nèi)容溢出元素框時發(fā)生的事情，

1、overflow: hidden; - 默認(rèn)值，內(nèi)容溢出時會被隱藏。

2、overflow: visible; - 內(nèi)容溢出時可見，但可能會超出視口。

3、overflow: auto; - 當(dāng)內(nèi)容溢出時，瀏覽器會自動顯示滾動條。

4、overflow: scroll; - 始終顯示滾動條，即使內(nèi)容沒有溢出。

為了給小窗口添加滾動條，你可以將overflow屬性設(shè)置為auto或scroll。

.scroll-container {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  padding: 10px;
  overflow: auto; /* 當(dāng)內(nèi)容溢出時，顯示滾動條 */
}

在這個例子中，當(dāng).scroll-container超出其寬度和高度限制時，瀏覽器會自動顯示滾動條，這種方法適用于動態(tài)內(nèi)容，因為它只在需要時顯示滾動條，不會浪費空間。

如果你希望小窗口始終顯示滾動條，即使內(nèi)容沒有溢出，可以將overflow屬性設(shè)置為scroll：

.scroll-container {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  padding: 10px;
  overflow: scroll; /* 始終顯示滾動條 */
}

在這個例子中，無論內(nèi)容是否溢出，滾動條都會顯示出來，這種方法適用于靜態(tài)內(nèi)容或內(nèi)容長度固定的情況。

通過合理地使用overflow屬性，你可以輕松地在CSS中為小窗口添加滾動條，提供更好的用戶體驗。