居中以及边缘对齐定位

再次说明，元素absolute之后会保持在原位置并脱离文档流

图片居中定位与绝对定位：

1，传统图片剧中方法：

      1），text-align；2），display:block，margin:0 auto；

      3），绝对定位，left:50%,margin-left:-50%(自身)；

2，text-allign加无依赖的绝对定位：

     图片父容器使用text-align:cente; 

     图片前放置  

     图片加上absolute后margin-left:-50%(自身)；

举一反三（更重要的是）：

实现以下网页角标，原理相同，改为text-alin:right;即可；

传统方法：

fixed：{left:50%;margin-left:计算;}

缺点：不是自适应的