CSS- Absolute

부모요소는
position : relative;

.box{
	width :200px;
    height:200px;
    position:absolute;
    top:0;
    left:50%;
    transform : translateX(-100px); // width의 절반
    // translate 이동시키다
    // transform : translateX(-50%);

}

정중앙

.box{
	width :200px;
    height:200px;
    position:absolute;
    top:50%;
    left:50%;
    transform : translate(-50%, -50%);
}

모든 요소는 position : absolute 또는 fixed 하면 display : inline-block으로 변경된다.
inline-block은 요소가 가지고 있는 컨텐츠의 양만큼의 넓이(width)를 가진다.
굉장히 중요한 사실.
header : {
position : absolute;
width : 100%; //없으면 컨텐츠 양만큼만 넓이가 생김.
}