CSS中常见的定位方式

css中常见的定位方式

1.position:static 默认值

当我们不指定标签的定位方式的时候，position的默认属性就是static，此时标签根据默认的布局排列

2.position:absolute 绝对定位

标签相对于最近的有定位的父元素定位（即position属性不为static的父元素，也叫做包含块），当不存在有定位的父元素时，标签就相对于浏览器窗口定位（也就是body），此种定位方式脱离正常的文档流，不占空间。

3.position:relative 相对定位

元素相对于它本身的位置（原位置）进行定位，不脱离正常文档流，而且还占据原本的位置，它通常配合子元素的position:absolute 使用。

4.position:fixed 固定定位

元素相对于浏览器窗口（body）定位，脱离正常文档流，它不随页面滚动而移动。