输入框不适合div跨浏览器

时间:2013-10-25 17:17:20

标签: html css input cross-browser

我无法将输入框保留在div内。它在safari和chrome中看起来非常不错,但在firefox中它溢出到下一行导致问题。

代码太长了,所以这里是jsfiddle example。如果我能更好地帮助,请告诉我。

以下是Safari / Chrome中的内容:

enter image description here

这是在Firefox中: enter image description here

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

我找到了一个简单的解决方法。

我编辑了以下内容并为div添加了一个行高,以便在所有浏览器中将文本提升一点。

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

感谢@robjb为我重新编辑我的问题,感谢@Danko查看代码。