前端开发基础之CSS选择器——定位

定位的基本使用

使用步骤：
1、确定使用的定位方式。设置定位的属性名是**position**。
定位的方式有以下几种：

定位方式	属性值
静态定位	static
相对定位	relative
绝对定位	absolute
固定定位	fixed

2.设置偏移值，分为两个方向，分别是水平方向和垂直方向，在这两个方向中各选择一种（水平方向选一个垂直方向选一个）来设置即可。选取的原则一般是就近原则。
偏移值一般取值方式：

方向	属性名	属性值
水平	left	数字+px
水平	right	数字+px
垂直	top	数字+px
垂直	bottom	数字+px

几种定位的方式

实例的原效果如下图所示，：

静态定位

静态定位是默认值，就是之前认识的标准流。
代码;position: static;
注意：不能通过方位属性进行移动！！！

相对定位

相对于自己之前的位置进行移动
代码：position: relative;
特点：

1. 需要配合方位属性实现移动。
2. 相对于自己原来位置进行移动。
3. 在页面中占位置，没有脱标。
   代码实例：

    <style>
        * {
     
            margin: 0;
            padding: 0;
        }
        div {