Css 使用flex容器选择vue

我试图在标题的管理面板中使用v-select（使用CoreUI）。我有一个带有“display:flex”的容器

宽度：100%；“>


下一组

我想我做错了什么。。。但我不明白：( 我不想在“选择”打开时调整大小。 我的意思是为什么输入不能是100%

<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>