float

float의 뜻은 '뜨다', '흐르다'의 의미.
float의 속성을 설명하자면 다음과 같다.

"float 속성을 갖는 요소는 html 문서에서 공간은 차지하되 다른 요소의 배치에 영향을 안주는 요소가 된다"

float는 복잡한 형태의 레이아웃을 구성하는데 필요한 속성으로 특정 요소를 떠있게, 흐르도록, 부유하게 하도록 하는 속성이다.
여기서 '부유하다'라는 의미는 요소가 기본적인 문서 배치의 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽으로 이동하는 것을 말한다.
이 플로팅 모델을 이용하면 문서의 흐름과 관게없이 화면 배치를 유연하게 할 수 있다.

정렬

✔️float의 속성값

• left : 요소를 왼쪽 방향으로 부유하게 설정
• right : 요소를 오른쪽 방향으로 부유하게 설정
• none : 기본값(default), 요소를 띄우지 않는다.

float프로퍼티를 사용하지 않은 블록 요소들은 수직으로 정렬된다.
float:left;프로퍼티를 사용하면 왼쪽부터 가로 정렬되고, float:righr;프로퍼티를 사용하면
오른쪽부터 가로 정렬된다.