float 속성

  • '띄우다'라는 의미로 원래는 이미지와 텍스트를 어떻게 정렬할 것인지에 대한 속성
  • 현재는 레이아웃용으로도 많이 사용
  • block level element 에만 float 속성을 사용할 수 있다.
  • 속성값

 left

  앨리먼트를 왼쪽에 배치하고 나머지 앨리먼트를 오른쪽에 배치. 페이지 흐름이 위에서 아래

 right

  앨리먼트를 오른쪽에 배치하고 나머지 앨리먼트를 왼쪽에 배치. 페이지 흐름이 위에서 아래

 inherit

  부모로부터 float 속성 상속

 none

  지정하지 않음




clear 속성

  • '취소하다'의 뜻으로 float 속성의 페이지 흐름을 변경
  • 속성값

left

 float:left 인 앨리먼트에 대해 주변 앨리먼트가 영향을 받지 않도록 설정

 right

 float:right 인 앨리먼트에 대해 주변 앨리먼트가 영향을 받지 않도록 설정

 both

 양쪽 float 속성인 앨리먼트에 대해 주변 앨리먼트가 영향을 받지 않도록 설정

 inherit

 부모로부터 clear 속성 상속

 none

 지정하지 않음


'Language > CSS' 카테고리의 다른 글

CSS 개념 - flex  (0) 2018.05.31
CSS 기본 문법1  (0) 2018.05.17

+ Recent posts