我对新的 HTML5 元素很感兴趣,但是 nav 元素有一个特性,或者我想我不明白。为什么它不与其他元素落入阵容?我的意思是,我的 div 从左到右,从上到下排列。当我添加 nav 元素时,它只是漂浮在左上角的所有内容上。我不知道这是否与 nav 元素本质上相关,或者是否是我排列 div 元素的方式。使用语义导航元素似乎很愚蠢,只需要将它放在 div 中。
HTML:
<header>
<div id="logo">
<a href="redactedurl.com" accesskey="1" tabindex="1" title="Take me home.">
<img alt="Logo and link to home page." src="../img/logo.gif" width="200" height="200" />
</a>
</div>
<div id="cobCabRec">
<h1>RECORD LABEL</h1>
</div>
<nav id="menu">
<div class="menuLink"><a href="bands.php" tabindex="2" accesskey="2">BANDS</a> </div>
<div id="releases"></div>
<div id="distro"></div>
<div id="store"></div>
<div id="shows"></div>
<div id="wholesale"></div>
<div id="links"></div>
</nav>
</header>
CSS:
#headWrap{
width:1024px;
height:200px;
background-image:url(../img/headGrating.png);
background-repeat:no-repeat;
background-position:center center;
}
#cobCabRec{
height:63px;
width:824px;
float:right;
}
h1{
font-family:"friz Quadrata TT";
font-size:53px;
margin:0 auto 0;
padding:0;
width:716px;
font-weight:bold;
}
#logo{
float:left;
}
#menu{
width:985px;
height:36px;
background-color:#000;
color:#fff;
padding-top:64px;
}
.menuLink{
font-family:oswald;
font-size:16px;
font-weight:bold;
}