Question

我试图将一些元素放在页面上的绝对位置。我使用了以下测试代码（我将＆lt;＆gt;替换为[]以通过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支持变化很大。我错过了什么，是否有更标准的方法来做到这一点？

Answer 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>

Answer 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>

CSS位置在FF和IE中不同

2 个答案: