如何将导航栏拉伸到窗口的宽度，并让它响应？

Question

我正在为 Wordpress 使用基于 Astra 主题的子主题，并且我一直在向样式表添加自定义 css。但是，无论我定位哪个元素，我似乎都无法让导航栏拉伸 100%。我知道它的容器也必须被拉伸，但这并不能解决问题。除了宽度之外，我几乎可以更改它的所有内容。

就像我说的，我已经尝试定位与页面的这个区域相关的大量元素，以及同时定位其中的许多元素，包括正文标签。

相关部分的 HTML：https://pastebin.com/1x9mVtda

我注意到在 css 中，上面每个元素（包括正文）的框大小设置为继承。会不会跟这有关系？

所有元素都有这个：

*, :after, :before {
    box-sizing: inherit;
}

即使我将主体的边距和填充设置为 0 并将宽度设置为 100%，导航栏的行为就好像它仍然包含在 div 中一样。

Answer 1

尝试将其添加到您的 CSS：

.main-navigation {
    -js-display: inline;
    display: inline;
}
.header-main-layout-2 .main-navigation ul {
    justify-content: space-evenly;
}