如何使整个div可点击

Question

我正在制作一个菜单，遇到了一个简单而愚蠢的问题。问题是：我的元素位于一个ID为“#menu”的'Menu' div内部。我通过CSS的可见性功能实现了一个特性，使您无法意外地点击内的标签。但是，现在如果您在白色条纹之间的空间中单击菜单，则不会像按钮一样起作用。

因此，问题是：'如何使这个

完全可点击？'

这里是Fiddle链接。

提前感谢。

- MaxelRus

---

请在问题中发布您的代码，而不仅仅是链接。 - Bergi

Answer 1

可以通过 width 属性简单地实现，只需要将菜单div添加一个宽度:

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

- Jishnu V S

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
}

- Bharath kumar Jalla