html - HTML5 导航菜单文本

Question

我正在尝试用<nav>HTML5 制作一个带有简单文本和 3 个链接的导航栏。这是非常基本的，但是我的链接文本混淆了，我不知道为什么。

↪在 JSFiddle 上查看我的代码

Answer 1

你需要浮动你的LI，而不是你的UL. 不需要position:absolute。如果要将菜单向右移动，也可以将其浮动，或者使用margin:left. 一定要在之后清除你的花车。

看我的教程：我喜欢列表

Answer 2

这是因为你的 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;
}