关于Css的定位的一些总结

wangjie 2020-04-25

1、静态定位:所有的标准流都是静态定位

position:static

float: none

元素没有偏移值

2、相对定位:相对自身进行移动

参照物:自身

是否脱标:不脱,永远占据标准流位置

3、绝对定位

参照物:往父级上找,如果找到了有定位(相对,绝对,固定)的父级,就会以这个元素为                  参照物,如果没有就会以body为参照物

是否脱标:完全脱标

脱标的特点:

不占有标准流的位置

可以自定义宽高

如果没有自定义宽,由内容撑开

auto对于脱标元素不起作用

4、固定定位

position:fixed