如何让我的新导航栏适合整个页面？

Question

我在wordpress网站上添加了第3个导航栏。我已完成编码所以它出现但由于某种原因，当我设计它时，新的导航栏将不适合整个网站。你可以在灰色栏下看到它：www.sugarnono.co.uk

我使用的Css代码是：

.bluenav {
  background: #0082AB;
  background-position: center;
  margin: auto;
  width: 100%;
  height: 75px;
}

我感谢任何帮助。我还是css的新手。

Answer 1

您的nav位于容器中，因此100％是容器元素的100％，而不是页面的100％。

修：

根据当前主题 - 你可以将它添加到你的元素中（我强烈建议反对在所有其他情况下）

.bluenav {
height:75px;
margin:0 -5000px 0 -5025px;
padding:0 5000px 0 5025px;
position:relative;
}