하위 메뉴 정렬

내 탐색 막대와 내 하위 메뉴 드롭 다운 메뉴 사이의 간격을 제거 할 수 없습니다. 문제 here을 (를) 볼 수 있습니다.하위 메뉴 정렬

nav#nav{ 
    float: left; 
    font: 14px/16px 'MuseoSlab500Regular', arial, helvetica, sans-serif; 
    margin-right: auto; 
    z-index: 99999; 
    /*background-image: url(../images/2blkbg.png);*/ 
    /*background-repeat: repeat-x;*/ 
    padding-left: 30px; 
    /*background-position: left bottom;*/ 
    background-color: #000; 
    height: 53px; 
    display: block; 
    position: relative; 
    margin-top: 15px; 
    margin-bottom: 15px; 
    } 
#nav ul{ 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
#nav ul li{ 
    float: left; 
    margin-right: 0; 
    margin-bottom: 0; 
    padding-top: 0; 
    padding-right: 49px; 
    padding-bottom: 0; 
    padding-left: 0; 
} 
#nav ul a,#nav li.current-menu-ancestor a{ 
    display: block; 
    height:83px; 
    line-height: 53px; 
    border-top-width: 0px; 
    border-top-style: solid; 
    border-top-color: #fff; 
} 
#nav ul .current_page_item a, #nav ul .current-menu-item a, #nav ul > .current-menu-parent a{ 
    color:#a0ce4e; 
    text-decoration:none; 
    border-color:#a0ce4e; 
} 
#nav ul li{ 
    position: relative; 
} 
#nav ul ul{ 
    display: none; 
    position: absolute; 
    top: 0px; 
    left: 0; 
    width: 170px; 
    background: #edebeb; 
    z-index: 100000; 
    border-top: 3px solid #a0ce4e; 
    z-index: 99999; 
} 
#nav ul li:hover ul{ 
    display: block; 
} 
#nav ul li ul li{ 
    display: block; 
    float: none; 
    margin: 0; 
    padding: 0; 
    background-image: url(../images/blkbg.png); 
    background-repeat: repeat-x; 
} 
#wrapper #nav ul li ul li a{ 
    background: url(../images/subnav_sep.jpg) repeat-x bottom left; 
    border: 0; 
    height: 30px; 
    text-indent: 20px; 
    font: 13px/30px 'PTSansRegular', Arial, Helvetica, sans-serif; 
    color: #333333 !important; 
} 
#wrapper #nav ul li ul li a:hover,#wrapper #nav ul li ul li.current-menu-item a{ 
    background-color:rgba(255,255,255,0.5); 
} 
#nav ul ul ul{ 
    display:none !important; 
} 
#nav ul ul li:hover ul{ 
    display:block !important; 
    top:-3px;left:170px; 
} 
#nav select{ 
    max-width:100%; 
    display:none; 
}

출처

2013-02-02 user2035980

#nav > li > a,#nav li.current-menu-ancestor a { 
    height:83px; 
    line-height:83px; 
} 
#nav ul ul { 
    top:86px; 
}

가 top 설정하고 그 차이의 초과를 제거합니다 :

내 CSS는 여기에 문제가 아닙니다 때문에 당신이 URL을 게시

#nav ul ul { 
    top:86px; 
}

출처

2013-02-02 21:03:22 GLES

** 올바른 경우 응답으로 표시 ** – GLES

좋은 당신이 포함 된 CSS. 문제는이 클래스에 있습니다

#nav ul ul { 
    top:86px; 
}

이 최고 오프셋 메뉴 막대 (nav#nav)로 53px, 같은 높이로 설정해야합니다

이

#nav ul ul { 
    top:53px; 
}

이 CSS 클래스가 실제로 이 아닌 CSS 스타일 시트의은 페이지 자체에 있습니다. 그것은 <head></head>에 포함되어 있습니다.

출처

2013-02-02 21:22:54 Jacco

하위 메뉴 정렬

답변

관련 문제