웹을 만드는 작업중 css처리를 하면서 위와 같은 요소가 있다고 가정을 해보겠다. 우린 저 요소 안에있는 분홍색 사각형이 초록색 사각형의 한가운데 오게끔 css position속성을 이용해 만들고자 한다. 우선 마크업 방식은 아래와 같다. big이란 클래스명을 가진 요소가 분홍색 사각형의 기준점이 되어줘야 하고 small은 big의 기준점에서 한가운데로 자유롭게 이동해야하기때문에 아래와 같이 적용해준다. big 이란 요소에는 position: relative; small 이란 요소에는 position: absolute; .big { width: 300px; height: 300px; background: green; position: relative; } .small { width: 50px; heigh..