Html 非常非常简单-CSS定位-我做错了什么？

救命啊！我是CSS/HTML新手，我不明白我做错了什么

我希望右侧的三个导航链接位于页面顶部，但目前它们位于左侧导航链接的下方

它们都在

div.wrapper

中，但是

nav#menu2

似乎不是它的一部分

我哪里做错了

以下是HTML：

<header>
    <div class="wrapper">
        <h5 class="logo">TESTER SITE</h5>
        <nav id="nav_menu">
            <ul>
                <li><a href="#">About Us</a>
                    <ul>
                        <li><a href="#">Mission & Background</a></li>
                        <li><a href="#">Objects, Vision & Values</a></li>
                        <li><a href="#">Staff Members</a></li>
                        <li><a href="#">Board Members</a></li>

                    </ul>

                </li>


                <li><a href="#">Our Projects</a></li>
                <li><a href="#">Training & Events</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Publications</a> </li>

            </ul>
        </nav>

        <nav id ="menu2">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Service Providers</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">FB</a></li>
                <li><a href="#">TW</a></li>

            </ul>


        </nav>

    </div>
</header><!--  End Header  -->

---

看起来您需要正确设置宽度和使用浮动的组合。看

我设置浮动：

#nav_menu, #menu2{float:left;}

并将第一个菜单的宽度从65%减少到35%

嗯,，

---

-Ted

您可以在菜单中添加一些浮动定位：

浮动：左

此外，您还需要调整
标题导航#导航#菜单
和
导航#菜单2
的百分比值。按照您的方式，它们的总数达到了
105%

因此，您可以使用现有代码执行此操作：

header nav#nav_menu,
header nav#menu2 {
  float:left;
}

header nav#nav_menu {
  width:45%;
}


旁注-你最终会想要使用一个新的。如果您查看标题中的列表，您将看到一些默认的填充。
请在以下位置查看您自己的样式表：

header nav#nav_menu{

width:65%;
position:;

}

位置
缺少该值。您可以删除该位置

然后，在
#menu2
中手动更改，如下所示：

header nav#menu2 {
float:right;
width:40%;
margin-top:-17px;

}

非常感谢！非常感谢你抽出时间来帮忙。哈利，你会接受我们善意提供的答案吗？非常感谢！非常感谢你抽出时间来帮忙。非常感谢！你能抽出时间帮忙真是太好了。我会尽力帮忙的。否则，你就为我这么做：D。。。这很公平，对吧？祝你成功
header nav#menu2 {
float:right;
width:40%;
margin-top:-17px;

}