如何让input输入框和img并列一行
有一个div,div内包含一个inpu输入框和一个img,img的宽高一定，如何让input的长度随着div大小变化而变，始终保持和img在同一行。
<div class="form-group code_div"> <input type="text" name="code" placeholder="验证码" maxlength="4" class="form-password form-control" id="code"><img class="pull-right" src="<%=path%>/loginCode/code.do" src="验证码" onclick="this.src='<%=path%>/loginCode/code.do?'+Math.random()"/> </div>
我自己弄得随着浏览器大小变化，img就错下去一行了，怎么回事
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你可以把它定位么。。。那里返回去看下就有思路了。
我不知道是为啥，但是我测试了下，把图片放前面，input放后面是好使的
<html> <head> <title></title> <style type="text/css"> .container { width: 40%; margin: 60px auto; border: 1px solid red; position: relative; padding: 10px; box-sizing: border-box; } .container .input { display: block; margin-right: 60px; border: 1px solid blue; } .container .img { display: block; float: right; width: 56px; height: 20px; border: 1px solid green; } .input input { width: 100%; } .img img { width: 100%; height: 100%; } </style> </head> <body> <div class="container"> <div class="img"> <img src="" /> </div> <div class="input"> <input type="text" /> </div> </div> </body> </html>