如何使整个div可点击

Question

我正在制作菜单并有一个简单而愚蠢的问题.问题是:我的<span>元素在'菜单'中div.有了id '#menu'.我做了一个功能,你不能不小心点击通过CSS <a>内部.但现在如果你点击白色条纹之间的空间菜单,它将不会像一个按钮.<span>visibility

所以问题是:'如何让它<div>完全可点击？'

这是小提琴.

提前致谢.

Answer 1

它可以简单地用width属性做,只需要在菜单div中添加一个宽度:

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