在現(xiàn)在大分部網(wǎng)站中都會(huì)使用定位（position）把一個(gè)div盒子（a）移至我們想放置的位置上，而往往這個(gè)我們想放置的位置是div盒子（a）在父級(jí)盒子（b）中上下左右居中顯示，我們會(huì)用到position兩種屬性值absolute（絕對(duì)定位）和relative（相對(duì)定位）。
absolute（絕對(duì)定位）：元素會(huì)脫離原來的文檔流，使用left，right，top，bottom等屬性設(shè)置的值相對(duì)于定位設(shè)置（relative（相對(duì)定位））的父級(jí)對(duì)象進(jìn)行絕對(duì)定位，如果父級(jí)沒有進(jìn)行定位屬性設(shè)置，就會(huì)一層一層往上直到有定位的祖輩級(jí)元素為止，同時(shí)絕對(duì)定位的對(duì)象可層疊。
relative（相對(duì)定位）：元素不會(huì)脫離原來的文檔流，使用left，right，top，bottom等屬性在正常的文檔流中進(jìn)行定位，其對(duì)象不可以層疊。
設(shè)置b盒子為relative（相對(duì)定位），a盒子為absolute（絕對(duì)定位），a盒子的寬高固定，top、left、right、bottom的值為0，margin：auto；代碼如下圖：