使用css創建下拉框（select2）的'streachy'效果

Question

我對HTML和CSS很新穎。

我需要創建一個下拉框（使用select2），然後是按鈕。

兩者應該在一條線上（它們之間沒有換行符）。 兩者都包含在div元素中。在調整屏幕大小時，我希望select2被拉伸並釋放額外的空間，同時按鈕的大小和位置保持不變（在select2之後，不會突破到下一行）。我需要select2具有他可以「離開」的最小寬度和最大寬度值。

我已經使用Google搜索並在這裏搜索，發現很多答案，指導我使用white-space:nowrap和display: inline-block，但我一直未能實現我的需求。

Here is a fiddle containing my attempts：

任何幫助嗎？

Answer 1

已更新你的小提琴。 jsfiddle.net/TNabn/6/ 讓我知道是否因爲問題是措辭稍微容易混淆

感謝