4월 26일

.menu-box-1 > ul ul 2차만
.menu-box-1 > ul ul ul 3차만

*.menu-box-1 ul > li > a {
white-space:nowrap;} == 전체 메뉴 박스 안에 있는 // 메뉴의 자식인
li // 그에 자식인 a(텍스트)를 // 절대 줄 바꿈 금지

*.menu-box-1 > ul ul { top:100%; } == 이 식으로 인해 top 100%를
가졌으니 3차메뉴아이템텍스트를 한 블럭만큼 내려주기 위해
-.menu-box-1 > ul ul ul { top:0; } == 이 식에서는 top을 0으로
*.menu-1box-1 > ul >li:last-child == 메뉴박스의 자식인 1차 메뉴 아이템중 마지막
*.menu-box-1 > ul > li:last-child > ul ul == 메뉴박스의 자식인 1차 메뉴 아이템 중 마지막의
자식인 2차 메뉴 그의 후손인 3차 메뉴는...
*.menu-box-1 > ul > li:last-child > ul ul { left:auto; right:100%; } == 오른쪽을 100%만큼 띄워서 나옴


**실수 하는 부분?
.menu-box-1 > ul > li:hover > ul { display:block; }
 ==1차 메뉴 아이템에 마우스를 올렸을 때 나머지 서브 메뉴 등장
.menu-box-1 ul > li:hover > ul { display:block; }
 == 메뉴 박스 안에 모든 메뉴의 자식인 아이템들에게 마우스를 올렸을 때 나머지 서브 메뉴들 등장
.menu-box-1 ul > li { position:relative }
 == 모든 메뉴는 메뉴 아이템을 가둔다
.menu-box-1 > ul ul ul { top:0; left:100%; }
.menu-box-1 ul > li > a { white-space:nowrap; }
.menu-box-1 > ul >li:last-child > ul ul { left:auto; right:100%; }