我有两个元素，我正在尝试排队，文本框和跨度。为了让他们在firefox中排队并且看起来不错，我使用：
<input id="myTextBox" style="float: left; margin-right: 5px; position: relative; left: 13.5em; bottom: 1.5em;" type="text" />
<span style="visibility: visible; position: relative; left: 12.5em; bottom: 1.5em;">Enter stuff in the box </span>
但是在IE 8中，文本框位于跨度的顶部，切断了文本。如果我改变左边：13.5em;左：11.8em;它在Internet Explorer中很好用，但后来在Firefox中偏离中心。我在Zend Form中使用装饰器，所以我必须使用内联样式。有没有办法让这两个浏览器中的排名一致？
答案 0 :(得分：2)
当您的<input>浮动时，使用margin-left:10%代替position:relative和left:10%更有意义吗？同样，对于您的跨度，我会将其设为display:block;margin-left:10%;clear:left;而不是position:relative;。
我使用10%因为使用em进行布局过去给了我跨浏览器问题 - 我现在只将其用于基于文本的内容。