fire span和chrome中的CSS span / div宽度不同

时间:2013-03-26 15:20:29

标签: css width rendering html

尝试在文本行中找到一个空白,如下所示:

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中查看它,它完全产生了我的问题 - 在Firefox中,“更多文本”正在混合到顶部的文本字段中。

0 个答案:

没有答案