position:relative;是相對于元素本身的位置移動的，如果對一個元素進行相對定位，它將出現在它所在的位置上。然后，可以通過設置垂直或水平位置，讓這個元素“相對于”它的起點進行移動。

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