CSS超出下拉條是常見的網頁布局中的問題，指的是當水平或垂直空間不足以容納所有內容時，元素中的內容會超過CSS框或容器大小，出現滾動條。

為了控制CSS下拉條的外觀和行為，我們需要使用CSS樣式來設置。有兩種情況：

1. 當內容超出容器大小時，垂直滾動條出現，可以使用以下代碼：

.container {
width: 200px;
height: 100px;
overflow-y: scroll;
}

這個例子中，我們設置了一個容器div，設置寬度和高度，并使用overflow-y樣式屬性來定義當內容超出容器高度時何時顯示垂直滾動條。

2. 當內容超出容器的寬度時，水平滾動條出現，可以使用以下代碼：

.container {
white-space: nowrap;
overflow-x: auto;
max-width: 100%;
}

在這個例子中，我們設置一個容器div和樣式，使用white-space:nowrap屬性來防止文字折行，然后使用overflow-x屬性來定義當內容超出容器的寬度時何時顯示水平滾動條。最后，我們使用max-width:100%屬性來確保容器的寬度不會大于視窗寬度。

總之，CSS超出下拉條是一個非常有用的屬性，可以幫助我們完美控制網頁布局中的內容。