如何使整个div可点击

时间:2016-09-17 11:14:58

标签: javascript jquery html css

我正在制作一个菜单并且有一个简单而愚蠢的问题。问题是:我在“菜单”中有<span>个元素。 div。标识为'#menu'。我已经制作了一项功能,您无法通过CSS <a>意外点击<span>内的visibility。但现在,如果你点击白色条纹之间的空间菜单,它就不会像按钮一样。

所以问题是:&#39;如何使此<div>完全可点击?&#39;

Here's the Fiddle.

提前致谢。

2 个答案:

答案 0 :(得分:11)

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

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

答案 1 :(得分:1)

我们也可以使用100%的宽度代替保持固定宽度,这样可以让您获得更多可点击的区域来折叠菜单

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