公共课-定位

定位：就是把元素固定在一个位置上

定位分类：静态定位，相对定位，绝对定位，固定定位

定位属性：position

边偏移量：

left：距离左侧的距离

right：距离右侧的距离

top：距离上边的距离

bottom：距离下边的距离

定位需要考虑的问题

1、相对于谁定位

2、是否可以使用边偏移量

3、是否脱离标准流

4、是否占位置

5、是否受父元素影响

一、静态定位

标准流布局

position:static;

边偏移量没有效果

二、相对定位

position:relative;

1、相对于元素本身原来的位置（标准流的位置）定位

2、可以使用边偏移量

3、未脱离标准流

4、占位置

5、不受父元素影响，只和本身位置相关

三、绝对定位

position:absolute;

1、

如果父元素没有定位，相对于浏览器可视区域（视口，viewport）定位

如果父元素设置了position:relative;，那么相对于父元素定位

设置绝对定位的会寻找最外层设置了相对定位的元素，然后相对于这个元素来定位

2、可以使用边偏移量

3、脱离了标准流

4、不占位置

5、分情况，但是可以超出父元素范围

四、固定定位

position:fixed;

1、相对于浏览器定位

2、可以使用边偏移量

3、脱离了标准流

4、不占位置

四、固定定位

position:fixed;

1、相对于浏览器定位

2、可以使用边偏移量

3、脱离了标准流

4、不占位置

5、和父元素无关