如何安抚Chrome的输入显示（图像和文本输入）？

Question

在http://powerbible.info上，有一个文本输入和一个图像提交输入。它们是内联声明的，没有格式化，直到最近，文本输入始终按预期出现在图像输入的左侧。

它仍然在Firefox和Safari中显示（未尝试过Internet Exploder），但在Chrome中没有。在Chrome上，图像输入显示在文本输入的顶部，在左侧，并遮盖用户键入的任何内容的前几个字符。

我可能会把它带到Chrome上的预定位置，但我想问一下。我可以做什么，以便Chrome将文本输入和图像输入识别为两个内联元素，即图像前的文本（仅由隐藏的输入和空格分隔）？

Answer 1

您在position: absolute;的css样式表中使用input[type=image]。绝对定位导致提交按钮与文本输入重叠。删除绝对定位，重叠将停止。