Internet explorer IE 11定位问题与Firefox

在Firefox上对照IE 11查看时，我发现以下代码没有正确定位自身：

<div style="position: absolute;">    
<div style="position: relative; top: 5px; left: 30px;">Union Affiliation:</div>
<div style="position: relative; top: 50px; left: 30px;">Biography:</div>
<div style="position: relative; top: 150px; left: 30px;">Past Works:</div>
<div style="position: relative; top: 209px; left: 30px;">Primary Work Area:</div>
<div style="position: relative; top: 225px; left: 30px;">Miles willing to travel for work:</div>
</div>

我尝试了一些调整，但没有任何调整是正确的。根据我对IE11的了解，我们应该能够避免检测到internet explorer正在使用。如果是这样，我怎样才能使这些元素在浏览器中得到一致的布局

这里有一些截图可以看到变化

第一段：

第二，即：

---

我可以告诉你为什么你没有得到你想要的结果，但是现在的问题是，我不能告诉你如何得到你想要的结果

“位置：相对”与“左”和“上”组合表示您正在将元素从浏览器默认布局中的位置偏移。因此，您仍然完全取决于浏览器相对于其他元素的布局方式，您只是根据该位置稍微移动它们

---

如果希望标签以某种方式与右侧的输入对齐，则需要将它们都放在某个容器中，例如div，并在必要时在该容器中调整它们。要做到这一点，您可能必须使容器位置：相对，没有任何左或顶，以便它是其子对象的偏移父对象。通过将两者放在同一个容器中，您可以确保它们在容器的相似基本位置上工作。

我尝试了一些调整，但没有任何调整是正确的。在什么方面是错误的？如果是这样，我怎样才能使这些元素在浏览器中得到一致的布局？怎么做？在IE11中它是如何不一致的？您能确认您指定了有效的DOCTYPE吗？e、 g.你的第一条线是或类似的？@T.J.Crowder主要工作区域：和愿意为工作旅行的英里数：显示在其显示位置下方约30像素处FF@scunliffe在source中显示的第一行是@T.J.Crowder，我添加了屏幕截图以帮助查看变化。最后一段的附录：我这边的一个常见做法是有一个一个或多个容器div设置了position:relative，没有顶部/左侧属性-然后，position:absolute的子元素将根据父元素的位置来定位它们自己。您可以对这些输入字段中的每一个都这样做。@Katana314:说得好，我应该把它说出来。现在我有了。