0

新しい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;
}
4

1 に答える 1

0

フロートをクリアする必要があります！明らかなことを指摘してくれたDiodeusに感謝します。

于 2012-06-05T16:42:45.890 に答える