次のように、テキスト行にギャップを作ろうとしています。
Text: (absolute positioned field here) more text
Chrome では、適切な量だけプッシュされるため、「テキストを追加」はフィールドのすぐ右にあります。Firefox では、テキストがフィールドの後ろに隠れてしまうように、左に表示しすぎます。
間に絶対位置フィールドがあります。「その他のテキスト」はスパン内にあり、幅、マージン左、および位置:相対を使用するだけでなく、さまざまな測定単位を使用して配置しようとしました。測定単位は、Firefox の方が小さいようです。これは基本的に私が持っているものです:
<div> Text <input /><span class="moveright"> more text </span> </div>
.moveright {display: inline-block; position:relative; left:160px}
助けてくれてありがとう!
編集: jsFiddle: http://jsfiddle.net/7jmP4/
フィドルでは、私が見ているものを生成するために意図的にスペースを間違えています。Chrome と Firefox で表示すると、私が抱えている問題が完全に発生します。