nav 하위 메뉴가 올바르게 표시되지 않음

Question

학교 프로젝트 용으로 작은 HP를 사용 중이므로 탐색 막대가 붙어 있습니다. "갤러리"위로 마우스를 가져 가면 하위 메뉴가 열리고 문제가 있습니다. 나는 노력하고 있지만 시도하고 있지만 왼쪽의 전체 페이지가 아닌 하위 메뉴 영역에 대해서만 배경색을 얻는 방법을 찾지 못하는 것 같습니다. ..

나는 그것이 쉬운 수정 확신하지만 기압 여기

고군분투하고는 jsfiddle입니다 : https://jsfiddle.net/67wq84g9

내가 그것을 여기에 뭔가를 생각,하지만 난 폭을 변경하는 경우 하위 메뉴 위에 마우스를 올려 완전히 색이 바뀌지는 않습니다.

.menu ul { 
    display: none; 
    width: 100%; 
} 

어떤 아이디어가 있습니까?

Answer 1

당신은

.menu ul { 
    list-style: none; 
    background: #7ebc71; 
    padding: 0; 
    position: absolute; 
    top: 100%; 
    width:80px; 
} 

하고 문제의 감사를 해결

.menu ul li a:hover { 
    background: #557F4C; 
    width :80px; 
}