设置初始select2高度但允许它垂直扩展

我有一个我想允许向上扩展的select2框,例如height: auto ,但我也想设置它的初始高度,例如height: 34px

我怎么能做到这一点? 如果我尝试设置它们,则一个覆盖另一个。 我试图让盒子根据需要垂直展开而不添加滚动条。

我已经看过这样的其他问题了,但是我无处可以找到如何允许大小增加但从初始值开始。 我已经设置了一个min-height ,但是auto不会缩小到适合中等高度 – 实际上,我不确定它在哪里获得初始值。

这似乎是Select2独有的问题。 height: auto的起始尺寸应该是min-height ,对吗?

使用min-height: 34px; height: auto; 应该管用。 尝试运行代码片段(在3秒后减小第二个div的大小)。

 setTimeout(() => { $("#shrink").html("smaller text"); }, 3000); 
 .select2{ min-height: 34px; height: auto; background-color: rgba(0,100,0,1); margin: 5px; border: 1px solid lime; } 
  
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.