html - 右侧 float 提交

Question

我有一个输入框和一个提交按钮。

当我向右浮动提交按钮时，我希望它在与输入字段相同的点结束 - 这是我的意思的一个例子:http://prntscr.com/aggln5

目前，输入和提交在不同的点结束:https://jsfiddle.net/9mjrz05o/

<div id="container">
  <form>
    <input type="text">
    <br />
    <input type="submit" style="float: right;">
  </form>
</div>

CSS:

#container {
  background: blue;
  padding: 20px;
  width: 50%;
}

input {
  display: block;
}

Answer 1

设置输入宽度为100%

input[type="text"]{
  width: 100%;
}

https://jsfiddle.net/9mjrz05o/1/