하이트 진로 작업 1

 

 

 

 

메뉴바에 로고 빼고 li가 4개

<li class="cell">

   <a href="#" class="block"><span class="block">COMPANY</span></a>

   <div class="sub-menu">

</li>

 

보통 여기서 li에게 relative를 주고 sub-menu에 absolute를 줘서 top:100%; left:0;을 하지만

relative 주지않고 sub-menu에 absolute만 주어도 그 자리에 고대로 있다.

Company에 hover했을때 밑으로 나오는 꽉찬 메뉴를 보여주고 싶을 때 left:0; right:0; 을 해주면 양쪽으로 크게 늘어난다.