Html 为什么我的徽标在'；它在一个小窗户里

当我调整窗口大小使其变小时，为什么我的徽标会向右移动，而不是紧贴折叠图标

代码层：

您有3个元素，一个隐藏的汉堡导航，一个徽标和一些菜单项。 当它变成响应时，它显示汉堡导航并隐藏菜单项，使其成为

汉堡导航

|

徽标

，而不是

徽标

|

菜单项

---

你应该让它成为

logo

|

汉堡导航

|

菜单项

，这样当它们被显示和隐藏时，它们只会占用另一个留下的空间。只需将

移动到

下方即可，但一旦我这样做，burger导航现在就位于右侧，而不是左侧。您的
导航栏
类具有flexbox样式的
间距
，这显然意味着在这两个对象之间创建空间。忽略我的第一条注释，只需将该值更改为
flex start
，使元素从左到右排列。因此，我会将
flex start
添加到您的导航类
。导航栏
类是。