float (쓰고싶지 않은 녀석)

float이란 녀석이 있다.

요즘은 display: flex; 라는 아주 flex한 녀석이 지배하고 있기에
아주 편한 레이아웃 배치를 할 수 있지만 예전에는 float을 이용해 배치를 했었다고 한다

float은 MDN을 참고하여 대충 어떤 느낌인지만 확인을 했다

float: none;

float: left;

float: right;

또한 이렇게 구역을 나뉘어진 뒤에 더이상 float의 영역에 영향을 받지 않으려면 clear를 사용하면 된다

p { clear: both; }

게다가 float 속성이 적용된 HTML 요소가 자신을 감싸고 있는 컨테이너 요소보다 크면
해당 요소의 일부가 밖으로 흘러넘치게 된다! 이때 overflow 속성값을 사용하여 auto로 하면
컨테이너 요소의 크기가 자동으로 내부의 요소를 감쌀 수 있다

test { overflow: auto }

아....... 그렇구나 난 flex 써야지 😎