css中static、relative、fixed、absolute的理解

css中对盒子的定位四种，分别是默认定位（static），相对定位（relative），固定定位（fixed），以及绝对定位（absolute）。

static是元素的默认定位，当position属性的取值为static时，可以将元素定位于静态位置。所谓的静态位置就是各个元素在HTML文档流中默认的位置

relative是将元素相对于它在标准文档流中的位置进行定位，当设置为相对定位后，可以通过边偏移属性来改变元素的位置，但它在文档流中的位置仍然保留

absolute是将元素依据最近的已经定位的父元素进行定位，若父元素没有定位，则依据body根元素进行定位

fixed是绝对定位的一种特殊形式，它以浏览器窗口作为参照物来定义网页元素，当设置为固定定位时，它将脱离标准文档流的控制，始终依据浏览器窗口来定义自己的显示位置，不管浏览器滚动条如何滚动，元素都会在固定位置