下拉框多选高度自适应

要实现下拉框多选高度自适应，可以使用一些CSS技巧。首先，将下拉框的高度设置为一个固定值，比如200px。然后，给下拉框中的选项设置一个固定高度，比如30px。接下来，使用CSS计算出下拉框中选项的数量，然后将下拉框的高度设置为选项数量乘以选项高度，即：

select[multiple] {
  height: 200px; /* 固定高度 */
}

select[multiple] option {
  height: 30px; /* 固定选项高度 */
}

select[multiple] {
  height: calc(var(--option-height) * var(--option-count)); /* 动态计算高度 */
}

在上面的代码中，我们使用了CSS变量来动态计算选项数量和选项高度。需要注意的是，这种方法只适用于下拉框中的选项数量较少的情况，如果选项数量过多，可能会导致下拉框高度超出屏幕。