position으로 가운데 중앙 자리 잡기

position 속성 5가지 

static - 기본값으로 위치정보를 임의로 설정 해줄 수 없다.

absolute - 절대위치로, 문서 최 좌측상단을 기준으로 위치정보를 설정하며 스크롤시 이동한다.

relative - 상대위치로, static 위치 사용시 있던 위치를 기준으로 이동한다.

fixed - 위치 고정으로, 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표가 설정되어있다.

inherit  - 부모 태그의 속성값을 상속받게 된다. 



/*상단 메뉴 자리를 잡아주기 위한 style*/

.box-container { position:relative; height:0px; margin-top:0px; border:0px solid red; }

.box-inner { position:absolute; left:0;right:0;margin-left:auto;margin-right:auto; }



<div class="box-container">

  <div class="box-inner">

    내용

  </div>

</div>