如何使整個div可點擊

Question

我正在製作一個菜單，並有一個簡單而愚蠢的問題。問題是：我在'菜單'div內有我的<span>元素。與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 
}