CSS position의 relative 속성, absolute 추가 설명

absolute에 대한 추가적인 설명과 relative는 어떤 것인지 알아봅시다.

우선적으로 코드를 아래 사진과 같이 입력을 먼저 해줍시다.

margin: 0 auto는 frame이라는 클래스 명을 가진 div를 가운데 정렬을 할 때 사용하는 것이다.

위의 코드를 작성하게 되면 이렇게 결과값이 나오게 된다.

둘의 차이점을 설명드리자면 red는 frame 안에 들어있긴 하지만 absolute로 설정을 해서 

frame안에 갇혀있는 것이 아니라 웹페이지 전체에서 움직임이 가능한 것이다.

absolute는 바로 절대적인 좌표값을 지정해주는 것이다.

반면에 relative는 frame안에서 생성이 되고 frame안에서만 움직임이 가능하게 된다.

absolute	relative
모든 브라우저를 좌표값으로 지정을 할 수가 있다.	한정된 공간 안에서 좌표값을 지정