左边div宽度不固定的情况下，右边input宽度怎么做到自适应？

要设计一个输入框的css，如何做到左边div宽度不固定的情况下，右边input宽度自适应？

类似下图这种效果：

如果说你只是要图片的效果的话，不需要宽度自适应也可以实现，想要宽度自适应纯css是没有办法实现的，需要加入js。

左边浮动，右边加上一个margin-left值，让他实现左边固定，右边自适应的布局效果

把他们设为行内元素，左边写固定width，input写 width: auto
或者左边固定width，input的width: calc(100% - 左边width)