css之定位

1.定位包括两个属性：

                                ①定位模式 ②边偏移 

                                  要两者结合使用定位

2.定位模式：

                  ①基本语法：选择器{position：定位模式；}

                  ②静态定位：static

                                      即默认定位，标准流的特性，这种模式不允许改变位置，即改变

                                      特点：不脱标，占位置

                  ③相对定位：relative

                                      即相对自身原来位置的定位，可以改变位置

                                      特点：不脱标，占位置

                  ④绝对定位：absolute

                                      即相对于盒子外最近的父盒子的定位，如果找不到，就以浏览器为标准，会随鼠标滚动而动

                                      特点：完全脱标，不占位置

                  ⑤固定定位：fixed

                                      即相对于可视窗口的定位，固定在可视窗口的一个位置，不会随鼠标滚动而动

                                      特点：完全脱标，不占位置

                  ⑥标准：一般布局时遵循“父相子绝”即父盒子用相对定位，子盒子用绝对定位

3.边偏移：

例：top：100px；

       right：150px；