0

<nav>シンプルなテキストと 3 つのリンクを使用して、HTML5 でナビゲーション バーを作成しようとしています。これはかなり基本的なことですが、リンクのテキストが混同されてしまい、その理由がわかりません。

↪ JSFiddle で私のコードを参照してください

4

2 に答える 2

2

LIあなたはあなたのではなく、あなたを浮かせる必要がありますUL。の必要はありませんposition:absolute。メニューを右に移動したい場合は、それをフロートさせるか、を使用することもできますmargin:left。あとは必ずフロートを片付けてください。

私のチュートリアルを参照してください：I Love Lists

于 2012-10-10T21:34:50.427 に答える
1

CSS の position:absolute 部分と position:relative 部分が原因でした。

これを試して ：

nav {
    width:100%;
    height:181px;
    display: block;
    background: url('http://i.imgur.com/JrTUv.png') top no-repeat;
    margin-top:30px;
}
nav ul {
    float:right;
    list-style:none;
}

nav ul li {
    display:inline-block;
}
于 2012-10-10T21:36:22.213 に答える