CSS position 定位

Positioning (定位)

position允许为一个元素定位，也可将一个元素放在另一个元素的后面，还可建立列式布局等。

可以通过设置（top上、right右、bottom下、left左）四个属性值来偏移位置，值可以为（关键词、百分比%、绝对单位）。

Relative (相对定位) : 相对自身原来位置，原有空间保留，不会被挤占。

(1) 不影响元素本身的特性

(2) 不使元素脱离文档流

(3) 如果没有定位偏移量，对元素本身没有任何影响

(4) 提升层级

Absolute (绝对定位) : 相对最近父元素，原有空间不保留会被其他元素挤占。

(1) 使元素完全脱离文档流

(2) 使内嵌支持宽高

(3) 如果有定位父级，相对于定位父级发生偏移；如果没有定位父级，相对于document发生偏移

(4) 相对定位一般都是配合绝对定位元素使用

(5) 提升层级

 

Fixed (固定定位) : 相对于浏览器窗口来定位的，是固定的，不会跟着屏幕一起滚动。

Static :默认值，没有定位，元素出现在正常的流中。(不会受到top上、right右、bottom下、left左)。