在现在大□□□分部网站◆中都会使◎用定位（position）把一个div盒子（a）移至我们□□□□想放置的□□位置上，而往往这□□□个我们想□□放置的位□□置是div盒子（a）在父级盒□□子（b）中上下左□□□右居中显□□□示，我们会用□□□到position两种属性□□□值absolute（绝对定位）和relative（相对定位）。
absolute（绝对定位）：元素会脱□□□离原来的□□□□文档流，使用left，right，top，bottom等属性设◤置的值相□□对于定位□□□□设置（relative（相对定位））的父级对◆象进行绝□□对定位，如果父级□□□□没有进行□□□□定位属性□□□设置，就会一层●一层往上□□直到有定◎位的祖辈□□级元素为□□□止，同时绝对◥定位的对□□□象可层叠。
relative（相对定位）：元素不会□□脱离原来□□□□的文档流，使用left，right，top，bottom等属性在□□□正常的文□□□□档流中进□□□□行定位，其对象不□□□可以层叠。
设置b盒子为relative（相对定位），a盒子为absolute（绝对定位），a盒子的宽□□高固定，top、left、right、bottom的值为0，margin：auto；代码如下□□□□图：