css中的定位

css中的定位分为4种

1；相对定位 position: relative;

         特点；1，他定位后不脱离标准流；

                     2，他定位是相对自己在标准流中的原始位置为查考点；

                     3，他区分块级元素/行内元素/行内块级元素的，因为他没脱离标准流所有行内元素的宽高无效果，

                     4，在同一个方向上只能设置一个属性值；设置了left就不能设置right；

                      5，如果在这个设置了相对定位的元素中在用margin 和padding属性的时候；margin属性的参考点是以他原来在标                                  准流中位置，而不是他移动过后的位置

2；绝对定位 position: absolute;

                       特点

                         1，是相对定位了的祖先元素来定位的；如果祖先元素中没有定位，就是相对body来定位的；不管他有几个祖                                  先；只 要祖先中没有定位属性；都是以body来定位的；如果祖先中有定位属性的；谁离他最近，就以谁为                                  参考元素；

                           2，绝对定位要脱离标准流；脱离标签流后他就不占原来的位置；

                           3，如果绝对定位是以body为参考点定位；其实他是网页首屏的宽度和高度为定位点；而不是整个网页的宽度                                     和高度的；

                           4，绝对定位后会忽略掉padding属性；

                           5，由于绝对定位后脱离标准流后；margin：0 auto；属性也失去效果。

                               在绝对定位中怎么让元素居中显示？

                             方式是：用%来实现；1，先设置left：50%；让后让让这个元素的margin-left：元素本身的一半；

3；固定定位position: fixed;

4；静态定位position: static;