如果您需要IE6 / 7进行游戏,您将需要额外的内部元素,或者您可以尝试使用负边距.我的建议是使用导航列表,并将边框添加到链接本身,如下所示:
毫无疑问(更新:曾经在HTML5中,您现在可以使用列表周围的nav元素),这是用于导航的最具语义标记.然后你的CSS就是:
#nav li {
float: left;
width: 20%;
}
#nav li a {
display: block;
border: 1px solid #000;
}
或者:为了获得额外的乐趣,您可以尝试使用CSS3大小调整声明,现在可以在所有现代浏览器(不是IE6 / 7)中获得一些帮助:
#nav li {
/* Opera 8.5+ and CSS3 */
box-sizing: border-box;
/* Firefox 1+ */
-moz-box-sizing: border-box;
/* IE8 */
-ms-box-sizing: border-box;
/* Safari 3+ */
-webkit-box-sizing: border-box;