float 속성

태그에 float이 적용되면 태그는 원래의 흐름에서 벗어나 둥둥 떠다니듯 배치가 됩니다. 태그 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치가 됩니다.

float 속성 값

• none : 기본값으로 요소를 띄우지 않는 원래 상태를 말합니다.
• left : 자신을 포함하고 있는 박스의 왼쪽에 떠 있도록 합니다.
• right : 자신을 포함하고 있는 박스의 오른쪽에 떠 있도록 합니다.
• inherit : 부모 요소로부터 상속 받습니다.
• initial : 기본 값으로 지정 합니다.

clear 속성

clear는 취소하다라는 뜻으로 쓰이며 float를 취소합니다. float 속성을 가진 요소 이후에 표시되는 요소가 float 에 영향을 받지 않고 float 속성을 가진 요소의 아래로 내려가서 화면에 보여지도록 합니다.

• none : 기본값 입니다. 아래로 이동되지 않습니다.
• left : float 이 left 인 요소의 아래로 내려 갑니다.
• right : float 이 right 인 요소의 아래로 내려 갑니다.
• both : float이 left, right 인 요소의 아래로 내려 갑니다.