position - 요소의 위치 지정

position:static ;위치 지정 불가

position:static ;
left:300px;

position:sticky ; relative와 fixed의 혼합

position:relative ;현재 위치를 기준으로

position:relative ;
left: 300px;

position:relative ;
right: 150px;

position:relative ;
top:300px;

position:relative ;
left: 50%;

position:relative ;
bottom: 150px;

position:relative ;
left: 800px; bottom: 300px;

position:absolute;부모요소를 기준으로

position:absolute;
left: 300px;

position:absolute;
right: 150px;

position:absolute;
top: 400px;

position:absolute;
bottom: 500px;

position:absolute;
left:50%; top:50%;