CSS是網頁開發中用來樣式化HTML文檔的一種語言。當我們需要在網頁中添加下拉框時，我們可以使用下拉框控件或者使用CSS來自定義下拉框。自定義下拉框可以讓我們更好地控制下拉框的呈現效果。

當我們在HTML中定義下拉框時，我們需要設置select元素的size屬性來定義下拉框的默認大小。如果我們不設置size屬性，下拉框默認只顯示第一個選項。然后我們可以使用CSS來樣式化下拉框，例如定義下拉框的寬度、顏色和邊框等。

select {
width: 200px;
color: #333;
border: 1px solid #ccc;
}

但是當我們選擇下拉框中的某個選項時，下拉框的大小會因為選項內容的長度而發生變化，這會讓我們的頁面布局出現問題。所以我們需要通過CSS來保持下拉框的大小不變。

我們可以在CSS中定義下拉框的最大高度和溢出屬性來解決這個問題。這樣當我們選擇下拉框中某個選項時，下拉框大小不會發生改變，而是出現滾動條。

select {
width: 200px;
color: #333;
border: 1px solid #ccc;
max-height: 100px;
overflow-y: auto;
}

通過上述CSS代碼，我們可以讓下拉框的高度最大為100px，并且當下拉框中的內容超過這個高度時，出現滾動條。這樣就可以保持下拉框的大小不變，不會影響到我們的頁面布局。