[CSS] 레이어 정렬속성

HTML 문서상의 레이어는 float, clear 속성을 통해서 정렬할 수 있다.

 

 

float : 레이어를 현재의 위치에서 좌측 또는 우측에 배치한다.

     선택자 { float: 위치}

     none : 기본값

     left : 현재 엘리먼트를 좌측에 배치하고 다음에 오는 요소를 우측에 배치

     right : 현재 엘리먼트를 우측에 배치하고 다음에 오는 요소를 좌측에 배치

 

 

clear : float 속성이 사용된 엘리먼트의 정렬값을 다음 요소에 영향을 주지 않도록 한다.

     선택자 { clear: 해제방향 }

     none : 기본값

     left : float속성값이 left로 적용된 경우에 이를 해제

     right : float속성갑싱 right로 적용된 경우에 이를 해제

     both : float속성값 모두 해제