FF和IE中的CSS位置不同答案

【问题标题】：CSS Position Different in FF and IEFF和IE中的CSS位置不同
【发布时间】：2010-11-01 16:30:59
【问题描述】：

我正在尝试将页面上的某些元素定位在绝对位置。我使用了以下测试代码（我将替换为 [] 以通过 HTML 清理器）：

<body>
  <div style="position=absolute; top=100px; left=100px"> HELLO 100,100</div>
  <div style="position=absolute; top=200px; left=100px"> HELLO 200,100</div>
  <div style="position=absolute; top=0px; left=0px"> HELLO 0,0</div>
</body>

这在 IE 中显然应该做的事情，但只是在 FF (3.0) 中将 div 彼此向下流动。我知道 CSS 支持是相当多变的。我错过了什么，有没有更标准的方法来做到这一点？

【问题讨论】：

@Jessica - 您无需更改代码以避免解析问题...只需将每行代码缩进 4 个空格（在明确的行之后），然后格式化程序将完成其余的你。 ;-) 有关如何使用 Markdown 的完整详细信息（此处使用的系统）stackoverflow.com/editing-help，请参见此处

标签： html css internet-explorer firefox css-position

【解决方案1】：

问题在于您的 CSS 语法。

代替：

position=absolute;

放

position: absolute;

如果要在另一个标签内进行绝对定位，请将外部标签设置为相对定位：

<div style="position:relative;">
  <div style="position:absolute;bottom:0;right:0;">
    This will be positioned in the bottom-right of the outer div.
 </div>
</div>

【讨论】：

【解决方案2】：

尝试将 = 替换为：

<div style="position:absolute; top:100px; left:100px"> HELLO 100,100</div>
<div style="position:absolute; top:200px; left:100px"> HELLO 200,100</div>
<div style="position:absolute; top:0px; left:0px"> HELLO 0,0</div>

【讨论】：