HTML5表单布局问题，输入字段四处移动

Question

我有一个HTML5表单，可以使用jQuery进行一些计算。

我发现了一个我以前从未见过的问题 - 如果有人能够弄清楚原因和来自哪里 - 当我在输入字段中输入数据时，它们会向上移动，而span元素 - 这就是结果移动下：

bit.ly/1xXEEa0

Answer 1

将float:left应用于输入将解决问题。

input {
  width: 33%;
  min-height: 30px;
  float: left;
}