用flex容器进行vue-select

如何解决用flex容器进行vue-select

我正在尝试在管理面板标题中使用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>

我认为我做错了什么...但是我看不到什么：( 打开select时，我不想调整大小。 我的意思是为什么输入不能为100％？