CSS를 통해 서브 메뉴를 가운데에 배치하는 방법?

Question

어떻게 정렬 할 수 있습니까? 하위 메뉴 컨테이너를 정렬 할 수 있습니까? 왼쪽 여백을 시도했지만 실패했습니다.

#moz_page .moz_menu_items ul { 
position: absolute; 
top: -9999px; 
display: block; 
width: 220px; 
background-color: #F6D9E8; 
background: rgba(246,217,232,1); 
margin: 0; 
padding: 0; 
list-style: none; 
} 

사이트 URL : 어떤 도움이 많이 이해할 수있을 것이다 http://bvlaserspa.com/beta/

.

Answer 1

당신은 그것을 사용하여 왼쪽으로 이동할 수 있습니다 왼쪽 :

이

#moz_page .moz_menu_items ul { 
position: absolute; 
top: -9999px; 
display: block; 
width: 220px; 
background-color: #F6D9E8; 
background: rgba(246,217,232,1); 
margin: 0; 
padding: 0; 
list-style: none; 

left: -50px; // you can adjust it for your purpose 
} 

는 희망이 도움이보십시오.

Answer 2

nav#menu { 
 
background-color: #FFFF00; 
 
border-width: 0px 0px 2px 0px; 
 
height: 35px; 
 
} 
 

 
#menu_inner_in { 
 
width: 100%; 
 
height: 46px; 
 
text-align: center; 
 
position: relative; 
 
margin: 0 auto; 
 
} 
 

 
.separator 
 
{ 
 
border-style: solid; border-width: 0px 27px 17px; 
 
-moz-border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 repeat; 
 
-webkit-border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 repeat; 
 
-o-border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 repeat; 
 
border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 fill repeat; 
 
}

<nav id="menu"> 
 
<div id="menu_inner_in"> 
 
<h3 class="menu-toggle">Menu</h3> 
 
<ul> 
 
<li>One</li> 
 
    <hr class="separator"> 
 
<li><a href="#">Two</a></li> 
 
    <hr class="separator"> 
 
<li><a href="#">Three</a></li> 
 
    <hr class="separator"> 
 
<li><a href="#">Et coetera</a></li> 
 
</ul> 
 
</div> 
 
</nav>

Answer 3

적용된 CSS 하위 메뉴를 볼 수 있습니다 :

이

#moz_page .moz_menu_items li:hover ul.child { 
    height: auto; 
    border-radius: 0px 0px 20px 20px; 
    border: 0px solid rgba(255, 255, 255, 0); 
    display: block; 
    font-size: 0px; 
    padding: 0px; 
    z-index: 300; 
    top: 35px; 
    left: 2px; 
} 

당신은 왼쪽 재산 (픽셀 또는 %)을 조정하여 메뉴를 이동하지만, 주 이후 수 메뉴 항목의 너비가 같지 않은 경우 모든 하위 메뉴에 적합한 값을 찾을 수 있을지 의심 스럽습니다.