IT/CSS

    Position static, relative, absolute, fixed 의 특징과 차이점

    우리가 페이지에 어떤 것( 텍스트나, 그림, 레이아웃 혹은 기타 등등) 들을 배치할 때 써야 할 CSS 속성 중에 Position 이라는 속성은 우선 상속되지 않는다고 한다. Static의 속성 다른 CSS의 사용과 마찬가지로 스타일 태그 내부에서 position을 정하게 된다. 이런식으로 써준다음에 body에서 ex1을 Class로 써주게 되면 200px 넓이와 높이를 가진 네모박스가 기본 위치에 나타나게 된다.(기본위치는 좌측 상단이다.) 보통 static은 사용할 일이 없지만, 앞에 설정된 position을 무시할 때 사용되기도 한다. relative의 특징position: relative은 위치 계산을 할 때 static의 원래 위치부터 계산한다. top, left, right, bottom 을 ..