css - 带有弹性容器的 vue-select

Question

我正在尝试在标题的管理面板中使用 v-select（使用 CoreUI）。我有一个带有“display：flex”的容器 https://codepen.io/kat15pl/pen/NWNZgQg

<div id="app" class="c-app">
  <div class="c-wrapper">
    <header class="c-header c-header-light c-header-fixed c-header-with-subheader">
      <ul class="c-header-nav d-md-down-none mr-auto">
        <li style="width: 100%;">
          <v-select :options="options"/>
        </li>
        <li>
          next div
        </li>
      </ul>
    </header>
  </div>
</div>

我想我做错了什么......但我看不到什么:(我不想在打开选择时调整大小。我的意思是为什么输入不能是 100%？