Float

css의 float 속성은 웹의 해당 요소를 문서 위에 붕 떠 있게 만든다. '떠 있다'는 것은 왼쪽 구석 혹은 오른쪽 구석에 해당 요소가 배치된다는 뜻이다. float에서 사용할 수 있는 값은 다음과 같다.

• float: left | right | none

left 해당 요소를 문서의 왼쪽으로 배치
right 해당 요소를 문서의 오른쪽으로 배치
none 좌우 어느 쪽으로도 배치하지 않음

style 태그에서 지정한 box1, box2, box3클래스를 보면 각각 float에 left, left, right 속성이 들어가 있다.
이 클래스의 float 속성에 따라서 left 요소는 왼쪽으로 자연스럽게 위치하게 되고 right 요소는 자연스럽게 오른쪽에 위치하게 된다.

출처: https://engkimbs.tistory.com/920?category=695219 [새로비]
출처: https://engkimbs.tistory.com/920?category=695219 [새로비]