float같은경우 부분정익 정렬을 사용할때 유용할것 같다.
float의 스타일시트사용법
name.fl {float: left}
name.fl{float: right}
클리어의 스타일시트사용법
<style>
name.cr1 {clear: none}
name.cr2 {clear: left}
name.cr3 {clear:
right}
name.cr4 {clear: both}
</style>
★float속성으로 인해 발생하는 문제를
해결하기 위한 다양한 방법
1. height 또는 padding을 사용하여 콘텐츠의 높이값을 지정한다.
2. 플로트된 요소 다음에 오는 블록 요소에 clear 속성을 지정한다.
3. :after 가상요소를 사용하여 플로트된 요소의 부모요소에 가상 콘텐츠를
추가한다.
ex) div:after{content:""; display:block;
clear:both;}
(가상요소 방식은 인터넷 익스플로러 7버전 이하에선 적용안됨)
4. 플롯된 요소의 무보요소에 overflow:auto; 또는
overflow:hidden;을 지정한다.
