더북(TheBook)

6.5.2 float 속성

요소를 화면에 배치하는 또 다른 방법으로는 float 속성이 있습니다.

형식

float:<속성값>;

사용할 수 있는 속성값은 다음과 같습니다.

표 6-18 float 속성값

속성값

설명

none

float 속성을 적용하지 않습니다.

left

대상 요소를 공중에 띄워 왼쪽에 배치하면서 다음에 오는 요소를 주변에 자연스럽게 배치합니다.

right

대상 요소를 공중에 띄워 오른쪽에 배치하면서 다음에 오는 요소를 주변에 자연스럽게 배치합니다.

float는 우리말로 ‘뜨다, 떠가다’인데, 실제로 float 속성은 대상 요소를 공중에 띄워 다음에 오는 요소를 주변에 자연스럽게 배치하기 위한 용도로 사용합니다. float 속성은 보통 다음과 같은 상황에서 사용할 수 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.