您能解释一下设置'position'财产对'left'&'top'属性的影响吗？

Question

如果我有一个div使用css类下面:

{
  top: 100px;
  left:500px;
}

在单独实现下面每一行的情况下，上面指定的坐标如何受到影响-div的可见位置将如何移动?(例如:设置left &在位置设置为特定值的情况下的顶部属性?)

position: absolute;
position: static;
position: fixed;
position: inherit;
position: relative;

Answer 1

position: absolute;

坐标是任何具有position且值不是static的祖先元素的偏移量。如果不存在，则从文档中获取。

jsFiddle .

position: static;

默认为position。这些偏移量不会影响元素的位置。

jsFiddle .

position: fixed;

偏移量与当前viewport的滚动部分相关。较旧的ie不支持此属性。

jsFiddle .

position: inherit;

如果支持，它将继承父元素的CSS。较旧的ie不支持此属性。

jsFiddle .

position: relative;

这将相对于元素的正常位置。

jsFiddle .