你能解释一下“位置”属性设置对“左”的影响吗？ '顶级'属性？

Question

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

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

上面指定的坐标是如何受到影响的 - 如果div的可见位置会被移位 - 以防分别实现下面的每一行？ （例如：如果将某个位置设置为特定值，设置left＆amp; top属性也没有意义吗？）

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

Answer 1

position: absolute;

坐标是position的任何祖先元素的偏移，其值不是static。如果不存在，则来自文档。

jsFiddle

position: static;

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

jsFiddle

position: fixed;

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

jsFiddle

position: inherit;

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

jsFiddle

position: relative;

这将与元素的正常位置有关。

jsFiddle