Html 如何对齐两个flex Box以使其相互跟随？

我有一个菜单，我希望div.right-controls（理论上也是div.left-controls）与

.navbar start

（包含X个菜单项）对齐。见：

我尝试过使用justify content:

flex start

，它可以：

但如果我将窗口变大或变小，它将不再对齐：

---

我认为您需要一个容器元素（将控件和菜单以一定的宽度和中心放置在下面）。 下面是一个CSS示例（根据需要调整）：

---

}

非常感谢-这是一条正确的道路！

.container {
width: 80%;
max-width: 1250px;
margin: 0 auto;