부모님 밑에 ul 위치 지정

Question

저는 지원 버튼에 리를 꽂아 두는 데 문제가 있습니다.이 버튼을 잘 눌러 주면 도움이 될 것입니다.

<li> 
    Support 
    <span class="child-menu-arrow"></span> 
    <ul class="child-menu"> 
      <li>Contact</li> 
      <li>Other</li> 
    </ul> 
</li> 

http://jsfiddle.net/5GpHZ/2/

Answer 1

당신은 당신이 원하는 방향으로 밀어 하위 메뉴에서 margin의를 사용할 수 있습니다. 절대적으로 배치되므로 다른 작업에 영향을 미치지 않습니다.

#parent-menu>li>ul.support-menu { margin-top: 10px; 
    margin-left: -10px; } 

http://jsfiddle.net/5GpHZ/5/

자신의 클래스에 조정을 가하고함으로써, 다른 하위 메뉴에 영향을 미치지 않습니다.

Answer 2

position:absolute;을 사용하고 원하는 위치로 설정하십시오. 다른 메뉴를 "child-menu2"로 변경했습니다.

.child-menu{ 
position:absolute; 
top:55px; 
right:145px;  
} 

UPDATED DEMO