Day10

1·相对定位

     （1)相对于自己原来的位置进行定位

     （2）如果仅添加类相对定位的样式<position:relative>，显示效果不改变

     （3）使用定位让元素发生偏移的，可以使用z-index来调整显示顺序

     （4）其原来位置不会被其他元素占用

2·绝对定位

     （1）找一个离他最近且使用类定位的父元素，如果没有找到，以body为标准

     （2）元素本身的空间被其他元素占用

3·固定定位

     相对于显示页面进行显示  

                           position：fixed；

                           z-index：1000；(保证其显示不会被覆盖）

                           bottom/top:100px;（上下距离）

                           left/right:100px（左右距离）

4·垂直居中

     让子元素垂直水平等居中的步奏  1：让子元素对父元素进行定位

                              2：让子元素相对于父元素上左偏移50%

                              3：通过外边距对子元素的位置进行修改（自身宽高的一半）

5·双飞翼布局

       通过margin-left实现