Html 如何将一个容器中的div保存在另一个容器中以显示inline和floated right？

我希望div“nav”向右浮动，并在线显示其div。此外，当我调整浏览器大小时，我希望“导航”滑到“徽标”下，这样做时，div就不会与徽标在同一条线上，而其他div则滑到徽标下

以下是HTML：

<div id="header-container">
    <div id="header-wrap">
        <div class="left logo logoimg">
            <img src="images/Logo-Robert_Fikes_IV.png"/>
        </div>
        <div class="right nav">
            <div class="bluebutton">PORTFOLIO</div>
            <div class="bluebutton">PORTFOLIO</div>
            <div class="bluebutton">PORTFOLIO</div>
        </div>
    </div>
</div>

---

完成。我将导航

div

元素更改为

li

元素，当然，父级

div

元素更改为

ul

。这就是您应该如何为语义HTML创建导航菜单

然后我添加了以下CSS：

.nav {
margin-top: 20px;
list-style-type:none;
}
.right.nav li {
float:right;
}

---

哇，你真是个天才！我是一名平面设计专业的学生，他们在学校里并没有教这些东西，谢谢！

.nav {
margin-top: 20px;
list-style-type:none;
}
.right.nav li {
float:right;
}