float는 언제쓰지??
float는 CSS에서 요소를 왼쪽 또는 오른쪽으로 정렬하여 텍스트나 다른 요소들이 그 주위를 감싸도록 하는 속성이다. 원래는 이미지와 텍스트를 함께 배치하기 위해 사용되었으나, 레이아웃을 만들 때에도 자주 사용된다.
<div class="container">
<div
class="box"
style="float: left; width: 150px; height: 100px; background-color: lightblue;"
>
Left Float
</div>
<div
class="box"
style="float: right; width: 150px; height: 100px; background-color: lightcoral;"
>
Right Float
</div>
<div class="content" style="background-color: lightgray; height: 200px;">
This is some content that flows around the floated elements.
</div>
</div>
Left Float
Right Float
This is some content that flows around the floated elements.
