CSS의 position의 3가지 주요 속성
static이 디폴트다.
static은 바로 전 요소에 이어서 자리를 잡는다.
static에서 top, left 속성을 의미 없다.
relative는 자신이 static인 경우의 위치를 기준으로 한다.
relative는 자식 요소가 absolute인 경우에 기준을 제공해 준다.
relative는 left:0, top:0라면 static인 경우와 위치가 같다. absolute의 기준 위치를 제공한다는 점을 다르다.
relative에 의한 변경된 위치를 이웃의 위치에 영향을 주지 않는다.
absolute는 절대 위치를 줄 때 사용한다.
absolute의 기준 위치는 <body>이거나 부모 중 absolute, relative 속성이 있는 요소가 된다.
absolute 속성을 갖는 요소는 static, relative 속성을 갖는 이웃 요소의 위치에 영향을 주지 않는다.
static, relative는 부모의 padding이 위치에 영향을 주지만 absolute는 부모 요소의 padding은 무시된다.
Comments
Post a Comment