u012779021
y-yy
采纳率37.5%
2020-07-30 10:22

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

已采纳

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

类似下图这种效果:

图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答

  • Menkongkong Menkongkong 9月前

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

    点赞 评论 复制链接分享
  • qq_36911145 封印di恶魔 9月前

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

    点赞 评论 复制链接分享
  • WayinCloud Submail_金¹⁸⁹¹⁷⁰⁴⁶¹⁴⁰ 9月前

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

    点赞 评论 复制链接分享

相关推荐