Question

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

所以问题是：＆＃39;如何使此<div>完全可点击？＆＃39;

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
}

如何使整个div可点击

2 个答案: