如何將導航欄拉伸到 window 的寬度，並使其響應？

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;
}