[CSS] 레이아웃 관련 스타일2

 

position
: 절대위치와 상대위치

1. 기준이 되는 요소에 position : relative;
2. 이동시킬 요소 position : absolute;
3. 이동시킬 요소에 얼만큼 이동시킬건지 명시;

 

 

 

z-index
: 페이지 안의 요소들을 순서대로 위로 쌓는 속성

* 특징

- 값이 높을수록 위에 쌓인다.

- 값의 크기는 상관이 없다.

 

 

 

 

 

visibility
: 페이지 특정 요소들을 보이거나 보이지 않게 하는 속성

 

 

 

 

float
: 페이지 내의 요소들을 화면으로부터 띄워서 왼쪽 또는 오른쪽으로 배치하는 속성

float를 이용하여 배치를 바꿈

float 사용후엔 반드시 해제를 해줘야 다음 컨텐츠가 제대로 출력된다.

 

 

 

 

※ <br clear="both"> 해제를 해주지 않는다면..

그다음에 나올 요소들도  float가 적용되어서 둥둥 뜨게 된다.