divをクリック可能にする方法

Question

私はメニューを作っていて、簡単で愚かな問題が1つあります。問題は：私は<span>要素を 'メニュー' divの中に持っています。 id：'#menu'。私は、<span>の中の<a>をCSS visibilityで間違ってクリックできない機能を作っています。しかし、白い縞の間のスペースのメニューをクリックすると、ボタンのようには動作しません。

質問があります：'これを行う方法<div>完全にクリック可能ですか？'事前に

Here's the Fiddle.

感謝。

Answer 1

それは単純に、メニューのdivに幅を追加する必要があり、widthプロパティで行うことができます。

#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 
}