호버시 CSS 메뉴가 사라짐

Question

웹 페이지에 하위 메뉴가 있습니다. "biler til salg"를 가리키면 하위 메뉴가 나타납니다. 그러나 하위 메뉴를 클릭하면 부모가 사라지고 더 이상 마우스를 올려 놓지 않으면 하위 메뉴가 사라집니다.

.primary-navigation li { 
    border: 0; 
    display: block; 
    height: 18px; /* SOLUTION WAS TO REMOVE THIS */ 
    line-height: 29px; 
    position: relative; 
} 
.primary-navigation a { 
    display: inline-block; 
    padding: 0 12px; 
    white-space: nowrap; 
} 
.primary-navigation ul ul { 
    background-color: #dc002e; 
    float: left; 
    margin: 0; 
    position: absolute; 
    top: 24px; 
    left: -999em; 
    z-index: 99999; 
} 

.primary-navigation li li { 
    border: 0; 
    display: block; 
    height: auto; 
    line-height: 1.0909090909; 
} 

.primary-navigation ul ul ul { 
    left: -999em; 
    top: 0; 
} 

.primary-navigation ul ul a { 
    padding: 18px 12px; 
    white-space: normal; 
    width: 176px; 
} 

.primary-navigation li:hover > a, 
.primary-navigation li.focus > a { 
    color: #8f404d; 
} 

.primary-navigation ul ul a:hover, 
.primary-navigation ul ul li.focus > a { 
    background-color: #dc002e; 
} 

.primary-navigation ul li:hover > ul, 
.primary-navigation ul li:focus > ul { 
    left: auto!important; 
} 

사람이 내가 잘못 뭐하는 거지 볼 수 있습니다

이 내 CSS입니까?

Answer 1

메뉴 항목과 하위 메뉴 항목 사이에 간격이 있기 때문에 하위 메뉴가 숨겨져 있습니다. 그 차이는 li 요소의 높이를 height: 18px;으로 고정하기 때문입니다. 제대로 작동하려면 높이를 제거하십시오.

media="all" 
@media screen and (min-width: 783px)