CSS ul의 li 형태로 탭을 만들때...

<ul>

   <li>

형태로 일반적으로 li에 float:left를 줘서 땡기는 경우가 많다....

그랬을경우... 밑에 공간이 뜨는 경우가 있다.. 머~ 5px이나.. 2~3px나...

이런 경우는 부모가 자식을 품지 못해서 그렇다....

즉 ul의 범위가 없는 형태로 li만을 인식한거다....

일단 확인을 위해서ul과 li에 background-color 를 넣어준다. 다른색으로 그럼 왜 그런일이 일어났는지 볼수있다.

이것을 해결하기 위해서는 부모인 ul에 overflow:hidden을 준다... 그래도 안된다면 width를 줘보고...

그담으로는 height를 줘본다...그래도 안될경우는 어쩔 수 없지만 float:left를 준다.. 하지만

여기서 한가지 명심할것은 ul에 float를 줄때 한번 div로 싸고 거기에 주고 그밑에 clear:both를 해줘야한다는것이다...

clear:both를 해주지 않으면 밑에 항목에도 영향을주어 막 다땡겨올라오고 하는 몰골을 보게 될것이다...