使整体与正确的HTML链接_html-js-css

概述我知道这已经很多次了,但是在我的具体情况下找不到任何解决方案. 我有一个导航栏,如果你愿意,我希望整个< li>被“链接”或“可点击”.现在只有< a> (和< div>我已经搞砸了)是“可点击”. 我试过了一个{display：inner-block;身高：100％; width：100％}方法,但结果只是可怕的. 来源可以在这里找到：http://jsfiddle.net/prplxr/Brc 我知道这已经很多次了,但是在我的具体情况下找不到任何解决方案.

我有一个导航栏,如果你愿意,我希望整个< 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 ><a href="index.PHP"><div >Lnk1</div></a></li>                        <li ><a href="index.PHP"><div >Lnk2</div></a></li>                        <li ><a href="index.PHP"><div >Lnk3</div></a></li>                        <li ><a href="index.PHP"><div >Lnk4</div></a></li>                    </ul>                </div>            </div>        </div>    </body></HTML>

有谁有一个整洁的解决方案吗？

先谢谢你！

解决方法 >摆脱< div> s.
>将< a>标签显示：block
>从< li>移动填充到< a>.
>< li> s需要被浮动或显示：inline-block

示例：http://jsfiddle.net/8yQ57/

总结

以上是内存溢出为你收集整理的使整体与正确的HTML链接全部内容，希望文章能够帮你解决使整体与正确的HTML链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1099883.html