Question

我对新的HTML5元素有很多乐趣，但是有一个nav元素的功能，或者我认为，我不明白。为什么它不属于其他元素的阵容？我的意思是，我的div从左到右，从上到下排成一行。当我添加nav元素时，它只会漂浮在左上角的所有内容中。我无法弄清楚这是否与nav元素本质上相关，或者是否是我安排div元素的方式。使用语义nav元素似乎很愚蠢，只需要将它放在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;
}

Answer 1

我需要清理我的花车！感谢Diodeus指出了显而易见的事情。

nav元素不受约束

1 个答案: