自适应的输入框

随浏览器宽度自适应

给一个input标签和一个button标签，按钮宽度固定，使用css实现input的自适应

<div class="container">
  <input type="text">
  <button>按钮</button>
</div>

使用flex，设置父容器为flex，子元素的input设置flex为1或者auto均可以实现,设置input元素的宽度也可以实现。

.container{
    display: flex;
  }  

  input{
    flex:1;
    /*flex:auto;*/
    /*width:100%;*/
  }

随输入内容自适应

后续补充