我有一个容器，里面有三个元素：一个从左到右的下拉菜单，一个搜索栏和一个搜索按钮。
我已将下拉列表修复到容器的最左侧，这里是CSS：
.dropdown {
width: auto !important;
float: left !important;
}
我已经将搜索按钮修改到最右边，这里是CSS：
.search-button {
float: right !important;
width: auto !important;
}
我希望搜索栏能够占用两个元素之间的空间。此外，下拉列表的大小也会有所不同，因此搜索栏的宽度应仅从左侧改变，而右侧（与搜索按钮相连）不应移动。我该如何完成它？我尝试过 display：table 和 flexboxes ，但似乎没有任何效果。
谢谢！