float 이란?
float 라는 단어는 원래 ‘뜨다’ 라는 의미이며, 원래 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성을 나타냄(floating된 요소는 종류에 상관없이 block이 됨)
요즘은 flex로 레이아웃을 잡아서 자주 사용 안함
float: none; (기본값)
float: left;
float: right;clear
float을 사용한 요소는 문서의 흐름상에서 벗어난 상태이기 때문에 레이아웃을 무너뜨리게 되는 현상을 보일수 있는데, 이러한 문제를 해결하기 위해서는 float 해제가 필요!
clear 속성을 적용해 float 의 영향을 받지 않도록 함!
🤦🏻♀️ 아차차