전체 div를 클릭 할 수있게 만드는 방법

Question

나는 메뉴를 만들고있어 간단하고 어리석은 문제가 하나 있습니다. 문제는 다음과 같습니다. <span> 요소가 '메뉴'div 안에 있습니다. id가 '#menu' 인. CSS visibility을 통해 <span> 안에있는 <a>을 우연히 클릭 할 수없는 기능을 만들었습니다. 그러나 흰색 줄무늬 사이의 공간에서 메뉴를 클릭하면 단추처럼 작동하지 않습니다.

질문은 다음과 같습니다. '만드는 방법 <div> 완전하게 클릭 할 수있게 하시겠습니까?' 사전에

Here's the Fiddle.

감사합니다.

이

Answer 1

그것은 단순히 width 재산으로 할 수있다 , 바로 메뉴 DIV에 폭을 추가해야합니다

이

#menu { 
    -moz-user-select: none; 
    height: 40px; 
    margin: 50px; 
    position: absolute; 
    width: 40px; /* newly added */ 
} 

Answer 2

대신 고정 폭을 유지, 우리는 당신을 더주는 100 %로 폭을 사용할 수 있습니다 클릭 할 수있는 영역

#menu { 
    position: absolute; 
    height: 40px; 
    width : 100%; /*newly added*/ 
    margin: 50px; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none 
}