我正在制作一个菜单并且有一个简单而愚蠢的问题。问题是:我在“菜单”中有<span>
个元素。 div
。标识为'#menu'
。我已经制作了一项功能,您无法通过CSS <a>
意外点击<span>
内的visibility
。但现在,如果你点击白色条纹之间的空间菜单,它就不会像按钮一样。
所以问题是:&#39;如何使此<div>
完全可点击?&#39;
提前致谢。
答案 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
}