html - 输入框不适合 div 跨浏览器

Question

我无法将输入框保存在div. 它在 safari 和 chrome 中看起来非常好，但在 Firefox 中它溢出到下一行导致问题。

代码太长了，所以这里有一个jsfiddle 示例。如果我能提供更好的帮助，请告诉我。

这是它在 Safari/Chrome 中的样子：

这是在 Firefox 中：

任何人都可以帮忙吗？

Answer 1

I found a real simple fix to my question.

I edited the following and added a line-height to the div so that it would raise the text up a bit through out all browsers.

.sectionBlock {
  border-right:1px solid #000;
  height:18px;
  line-height:14px;
}
.formLine {
  border-bottom:1px solid #000;
  padding:2px;
  height:18px;
  line-height:12px;
}

Thanks to @robjb for re-editing my question for me and to @Danko for taking a look through the code.