float
속성은 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이다.
float
에는 4가지 속성이 있다.
clear
속성이 있으면 페이지 흐름이 달라진다. none
이 아니라면 display
속성은 무시된다.❗️ left
와 right
속성을 주면 display
속성은 무시된다. 단, none
은 제외
이처럼 본문의 왼쪽에 위치하게 되고 페이지 내용은 오른쪽에 위치한다.
float: right;
속성을 주면 본문의 오른쪽에 위치하고 페이지 내용은 그 왼쪽에 위치하게 된다.
위와 같이 float을 이용하여 전체적인 레이아웃을 잡을 수도 있다.