DIV position 설명

DIV position 설명

DIV Position

static
 - CSS로 특별한 값을 지정해 주지 않아도 적용되는 기본값이다.
 - HTML 파일에서 중첩되지 않은 여러개의 div를 작성하면, 위에서 부터 차곡차곡 쌓이는 기본적인 형태이다.

relative
 - 한개의 div가 있고 relative로 설정할 경우엔 static과 큰 차이는 없다.
 - 하위에 div가 있을 경우엔 하위의 div를 absolute 배열 할 수 있다.

absolute
 - 흔히 레이어라는 개념으로 알고 있는 값이다.
 - div에 top, bottom, right, left 값을 지정해서 원하는 위치에 고정되게 띄울 수 있다.

fixed
 - 기본적으로 absolute와 같다.
 - absolute는 canvas의 스크롤에 따라 올라가고 내려가지만 fixed의 경우는 스크롤에 상관없이 지정한 위치에 고정된다.

inherit
 - 상위에서 지정한 값을 상속한다.