如何使导航栏真正全宽和静态

Question

我完全没有编程，HTML，CSS或任何东西的经验。 不过，我想创建一些网站，并且我在开始时正在努力解决几个问题。 对于初学者，我的wordpress主题让我有全宽导航栏而不触及任何代码。 好的，但我想在导航栏下面有一个全宽度阴影效果。这不会发生，无论我在哪里尝试挖掘问题，我都无法做到。 the link to my website.

如您所见，投影不会达到全宽。 我看过使用这种效果的网站应该是可能的。这是我的主题的问题，我应该忘记它吗？ （是的，该网站真的很难看，但我计划在有空的时候更新它）

Answer 1

在你的CSS中你需要从div id =“navigation”中删除boxshadow并将其添加到div id =“nav-container”

类似的东西：

#nav-container {
-webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);
}

Answer 2

用另一个div包裹你的nav-container div并对其应用阴影效果。应用更改代码后，如下所示

<div class="shadow">
    <div id="nav-container">
          .....
    </div>
</div>

那么css中的shadow类应该是这样的

.shadow{
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);
}