我知道这已经很多次了,但是在我的具体情况下找不到任何解决方案.
我有一个导航栏,如果你愿意,我希望整个< li>被“链接”或“可点击”.现在只有< a> (和< div>我已经搞砸了)是“可点击”.
我试过了一个{display:inner-block;身高:100%; width:100%}方法,但结果只是可怕的.
来源可以在这里找到:http://jsfiddle.net/prplxr/BrcZK/
HTML
<!DOCTYPE html> <html> <head> <title>asdf</title> </head> <body> <div id="wrapper"> <div id="menu"> <div id="innermenu"> <ul id="menulist"> <li class="menuitem"><a href="index.PHP"><div class="menulink">Lnk1</div></a></li> <li class="menuitem"><a href="index.PHP"><div class="menulink">Lnk2</div></a></li> <li class="menuitem"><a href="index.PHP"><div class="menulink">Lnk3</div></a></li> <li class="menuitem"><a href="index.PHP"><div class="menulink">Lnk4</div></a></li> </ul> </div> </div> </div> </body> </html>
有谁有一个整洁的解决方案吗?
先谢谢你!