overflow:hidden 으로 float 로 지정된 요소 감싸기

<ul>

<li style="float:left">1</li>

 <li style="float:right">2</li>

</ul>

<div class="test"> test</div>

위외 같을 경우 float의 명령으로 <div class="test"></div>가 영향을 받음.

위 요소를 float 영향을 받지 않기 위해서

.test{ clear:both; } 명령을 주기도 하고

ul{overflow:hidden; } 명령을 주기도 함.

css핵을 사용하기도 함.

방법은 여러가지 있음.

그중에 내가 즐거 사용하는 방법은 overflow:hidden;을 즐겨 사용함.