2016년 12월 8일 목요일

position 속성

position 속성을 변경 안 하고  offset 값(left, top 등)을 부여하면 반응이 없다. \
이유는 position의 default 값이 static(정적)이기 때문이다.

relative : 원래 자기 위치로부터 상대적으로 이동
absolute : left와 top로 위치지정을 안 해주면 default는 원래 자기의 offset이다.
              그러나 부모중에 static이 아닌(relative 등) 부모가 있을 경우,
              그 부모의 offset으로부터 기준이 된다.
              이 옵션을 쓰는 순간, 부모 element와 무관해져서, 원래는 부모 크기의 100%를
              그대로 썼다면, absolute 되는 순간 width 값이 없어져 버린다.
              그래서 직접 지정해 줘야 한다.
fixed   : 해당 element를 scroll과 완전히 독립시킨다.
           absolute와 상당히 비슷한 특징을 가지고 있다.

댓글 없음:

댓글 쓰기