No.10 position定位 之 absolute绝对定位

在css中，使用position（定位），它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素、甚至是浏览器窗口本身的位置。

本篇介绍：absolute（绝对定位）

概念 ： 绝对定位的元素，选取最近的已定位祖先元素，相对它的位置进行定位。

格式语法：  css选择器 {position：absolute;   left（这里指偏移属性，即top、left等属性）: 值 ;}

特性、图解：

1.使元素完全脱离文档流。

2.使内联元素支持宽高。

3.使块元素默认宽根据内容决定。

4.绝对定位元素的移动规则：

   只有一个祖先元素嵌套的情况下：如果祖先元素有定位属性（绝对相对固定，任一一种，不需要偏移量），
那么绝对定位将元素依据这个父元素为基准移动位置。

多重祖先元素嵌套的情况下：
1.祖父元素和父元素都没有定位属性：子元素以浏览器当前屏幕为基准定位。

祖父有，而父无：子元素以祖父为基准。

祖父无，而父有：子元素以父为基准。

祖父 和 父都有：子元素以父为基准。

总而言之，绝对定位元素的子元素取最近的定位祖先元素为准进行位置移动。