该演示是available here:
如果你想看一些代码,这里是HTML:
<div ID="navigation" ><ul ID="main-nav" > <li ID="menu-item-266" ><a href="http://prevIEws.tinygiantstudios.co.uk/">Home</a></li> <li ID="menu-item-29" ><a href="http://prevIEws.tinygiantstudios.co.uk/about-us/">About Us</a></li> <li ID="menu-item-38" ><a href="http://prevIEws.tinygiantstudios.co.uk/news/">News</a></li> <li ID="menu-item-28" ><a href="http://prevIEws.tinygiantstudios.co.uk/contact/">Contact</a></li></ul> </div><!-- /#navigation -->
和CSS
#navigation { margin-bottom: 0px; background-color: #131313; border-top: 0px solID #DBDBDB; border-bottom: 0px solID #DBDBDB; border-left: 0px solID #DBDBDB; border-right: 0px solID #DBDBDB; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; Font: 14px/14px sans-serif; padding: 10px 0;}.nav { z-index: 99; margin: 0; padding: 0; List-style: none; line-height: 1; margin-left: 10px;}.fl { float: left;}.nav li { float: left; wIDth: auto;}
有谁能告诉我我错过了什么?
谢谢,
解决方法 将此代码添加到CSS:.nav { text-align: center; wIDth: 100%;}.nav li { float: none; display: inline-block; /* ie7 should be pleased */ zoom: 1; *display: inline;}
它不适用于旧版本的IE(内联块),但会是什么?
总结以上是内存溢出为你收集整理的HTML – 边缘自动噩梦全部内容,希望文章能够帮你解决HTML – 边缘自动噩梦所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)