Tüm div tıklatması nasıl yapılır

Question

Bir menü yapıyorum ve basit ve aptal bir sorun yaşıyorum. Sorun şu ki: 'Menu' div'un içinde <span> öğem var. '#menu' numaralı kimlikle. CSS visibility aracılığıyla <span> içinde <a>'u yanlışlıkla tıklatamayacağınız bir özellik yaptım. Ancak şimdi, beyaz çizgili çizgiler arasındaki menüyü tıklarsanız, bir düğme gibi davranmayacaktır.

Soru şu şekilde: 'Bu nasıl yapılır <div> tamamen tıklanabilir mi?' peşin

Here's the Fiddle.

teşekkürler.

Answer 1

Bu sadece width mülkiyeti ortadan edilebilir , sadece menü div için bir genişlik eklemek gerekir:

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

Answer 2

yerine sabit genişlik tutmanın, biz de size daha fazlasını verir% 100'e genişliği kullanabilirsiniz tıklatılabilir alan menüyü daraltmak için menüyü tıklatın.

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