CSS下拉菜單串位是當菜單過長，導致下拉菜單顯示位置與父級元素相離，不具備實際功能的問題。本文將從以下兩個方面介紹如何解決這個問題。

1. 調整菜單定位

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 999;
min-width: 160px;
padding: 5px 0;
}

可以通過將下拉菜單的定位從相對定位改為絕對定位，并使用top屬性將菜單重新定位到父級元素下。如果在這種情況下菜單仍然發生串位，可以嘗試使用JavaScript獲取當前頁面滾動高度并將top值增加滾動高度。

2. 顯示滾動條

.dropdown-menu {
max-height: 200px;
overflow-y: auto;
}

另一種解決方法是使用CSS添加滾動條。將下拉菜單的最大高度設置為容器的高度，并使其溢出自動滾動。這將解決對下拉菜單的串位問題，同時確保菜單可以自動適應其大小，便于用戶瀏覽。

綜上所述，無論您選擇哪種方法來解決下拉菜單串位問題，都需要確保菜單的基本功能不受影響。