定位

一共有三种基本定位机制：普通流，浮动和绝对定位。
定位 position

• 1.相对定位 position: relative;

• 相对定位是相对自己的原始位置进行定位。

• 仍然占据原来的文档流位置，所以其后的元素的位置不会改变。即不脱离文档流。

  
  

• 2.绝对定位 position: absolute;

• 相对于已设置 position:relative; 的父元素进行定位。如果没有那样的父元素，则相对于根节点 body。

• 不再占据文档流空间。即脱离文档流。

  
  

• 3.相对于浏览器定位 position: fixed;

• 相对于浏览器的窗口进行定位。

• 不再占据文档流空间。即脱离文档流。

• 4.普通文档流定位 postion: static;

• 从上至下，从左往右依次排列，块级元素独占一行，行内元素会紧挨着。

• 就是普通的文档流。