position:relative;是相對(duì)于元素本身的位置移動(dòng)的，如果對(duì)一個(gè)元素進(jìn)行相對(duì)定位，它將出現(xiàn)在它所在的位置上。然后，可以通過設(shè)置垂直或水平位置，讓這個(gè)元素“相對(duì)于”它的起點(diǎn)進(jìn)行移動(dòng)。

在這里其父元素是public-header， public-container建立起來后，他有自己的起始位置，relative是根據(jù)這個(gè)起始位置來居中的。如果沒有relative，默認(rèn)是static，是移不動(dòng)的。如果設(shè)置成absolute，那么，他原來的位置不保留，且根據(jù)祖先的位置，即public-header的位置來設(shè)定偏移。