博客

position设置属性值后，还需要搭配left、top等值，才能发挥预期效果，


例如只设置position: absolute; 而不设置left等，则不会立即根据父级定位元素定位，

但依然会脱离正常文档流，并拥有定位属性。

如果不设置position，则默认为static，没有定位，元素出现在正常的流中，同时也会忽略top, bottom, left, right 或者 z-index 等声明。

For example

：

当设置完一个position属性类别（relative / absolute / fixed 等）

还需设置相应的 left / top / right / bottom 等值。

用relative作为参照物，用absolute定位

因为absolute会脱离正常文档流，没有占位，如果用它做框架，当周边框架定位变化时它却不跟着变，容易重合叠加

position定位后的

文档流

问题


absolute

元素将会脱离正常的文档流


relative

元素遵循正常的文档流，所以周围元素不会忽略它的存在


fixed

元素将会脱离正常的文档流 生成绝对定位元素 相对于浏览器进行定位