0

私はサンプル Web サイトで作業しており、ヘッダー メニューの html は次のようになっています。

<div id="header">
    <h1>
        ASP.NET MVC MUSIC STORE</h1>
    <ul id="navlist">
        <li class="first"><a href="/">Home</a></li>
        <li><a href="/Store">Store</a></li>
    </ul>
</div>

Chrome でリンクが機能するようになりました。ホバーすると色が変わり、クリックすると正しいページに移動します。IE 9 (互換モードのみ) では、まったく機能しないか、クリックに反応しませんでした。

#header の css スタイルまでたどりました

#header
{
    float: left;
    width: 100%;
    border-bottom: 1px dotted #5D5A53;
    z-index:999;
    margin-bottom: 10px;
}

フロートを取り出すと: left; リンクは正常に機能します。私の質問は、なぜこれが当てはまるのでしょうか?

この行を削除しても、ページの他の部分は何も変わりません。

4

0 に答える 0