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

时间:2011-03-16 14:56:33

标签: css position absolute

给定一个设置了高度和宽度的dom元素,并设置position:absolute,如果元素没有指定任何位置(如top,right,bottom和left属性),是否有可预测的元素定位?该位置是否默认为左:0,顶部:0?或者元素是否保留在最初位于页面上的位置?

或者浏览器到浏览器的定位是否不同?

2 个答案:

答案 0 :(得分:1)

以下是使用jsfiddle的示例。   http://jsfiddle.net/hPJa8/

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

答案 1 :(得分:0)

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

以图片为例。我们会将其视为内联或块元素吗? (大多数浏览器都说内联)。我们应该考虑图像造成的断线吗? (大多数浏览器就像它的大小为零一样。)我们应该把它垂直放在哪里?选择是:在线的顶部,在基线处,在当前字体高度处,在图像高度处;添加跨度增加了选择。 IE回答这个问题的方式最近改变了AFAIK。

因此,请注意浏览器与浏览器之间存在差异。