css - 没有指定顶部、右侧、底部、左侧等的绝对定位元素的行为

Question

给定一个设置了高度和宽度并且设置为 position:absolute 的 dom 元素，如果它没有指定任何定位（如 top、right、bottom 和 left 属性），是否有可预测的元素定位？位置是否默认为左：0，上：0？或者元素是否停留在它最初在页面上的位置？

还是定位因浏览器而异？

Answer 1

这是一个使用 jsfiddle 的示例。 http://jsfiddle.net/hPJa8/

大多数浏览器似乎将元素定位在其自然位置，但随后的元素在放置到页面上时不会考虑绝对定位的元素。这导致后续元素重叠。

Answer 2

如果元素的位置是静态的，则元素的左上角将保持原位。不幸的是，这不是一个严格的定义。

以一张图片为例。我们会将其视为内联元素还是块元素？（大多数浏览器说内联）。我们应该考虑由图像引起的换行吗？（大多数浏览器都认为它的大小为零。）我们应该把它垂直放在哪里？选项有：行首、基线、当前字体高度、图像高度；添加跨度会增加选择。IE 回答这个问题的方式最近改变了 AFAIK。

因此，请期待浏览器之间的差异。