y-yy
2020-07-30 10:22
采纳率: 33.3%
浏览 191

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

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

类似下图这种效果:

图片说明

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • Menkongkong 2020-07-30 16:07
    已采纳

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

    已采纳该答案
    打赏 评论
  • 左边浮动,右边加上一个margin-left值,让他实现左边固定,右边自适应的布局效果

    打赏 评论
  • 封印di恶魔 2020-07-30 16:20

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

    打赏 评论

相关推荐 更多相似问题