div의 위치조정

바깥블럭

내부블럭

위치지정이 되지 않은 상태의 div들. 각각 높이와 너비가 지정되어있다.

1. div 가로방향만 중간에 위치시키기

 

바깥블럭

내부블럭

내부 div에 css 추가 : "margin:0 auto;"

2. div 정중앙에 위치시키기

 

바깥블럭

내부블럭

바깥 div에 css 추가 : " position:relative;" 내부 div에 css 추가 : " position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;" 바깥div에대하여 절대위치를 지정한다.

3. div 높이만 중간에 위치시키기

 

바깥블럭

내부블럭

바깥 div에 css 추가 : " position:relative;" 내부 div에 css 추가 : " position:absolute; top:0; bottom:0; margin:auto;"