position:relative;是相对于元素本身的位置移动的，如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。

在这里其父元素是public-header， public-container建立起来后，他有自己的起始位置，relative是根据这个起始位置来居中的。如果没有relative，默认是static，是移不动的。如果设置成absolute，那么，他原来的位置不保留，且根据祖先的位置，即public-header的位置来设定偏移。