css 12. position

position

 

relative

position: relative;

자체로는 특별한 의미가 없다.

위치를 이동시켜주는 top, right, bottom, left 프로퍼티가 있어야 원래의 위치에서 이동할 수 있다.

 

absolute

position: absolute;

 

부모 태그 중에 position이 relative, fixed, absolute 하나라도 있으면

그 부모에 대해 절대적으로 움직이게 된다.

일반적으로 absolute를 쓸 경우, 기준이 될 부모에게 position: relative; 를 부여하면 된다.

 

* absolute 값을 갖게 되면, 내용의 크기만큼이 가로크기가 된다.