Float & Clear

레거시 레이아웃용 float, clear 클래스입니다.

권장: 새로운 레이아웃에는 Flexbox 또는 Grid를 사용하세요. Float는 레거시 호환이 필요한 경우에만 사용합니다.

Float

클래스	CSS
`fl`	float: left
`fr`	float: right
`fn`	float: none

Clear

클래스	CSS
`clb`	clear: both
`cll`	clear: left
`clr`	clear: right
`cln`	clear: none

사용 예시

<!-- 레거시 2단 레이아웃 -->
<div>
  <aside class="fl w25rem">사이드바</aside>
  <main class="oh">콘텐츠 (overflow: hidden으로 감싸기)</main>
  <div class="clb"></div>
</div>

<!-- 이미지 텍스트 감싸기 -->
<img class="fl mr16px mb16px" src="..." />
<p>이미지 옆으로 텍스트가 흐릅니다...</p>
<div class="clb"></div>