WordPress 2021主题导航菜单栏没有覆盖整个页面宽度

Question

---

嗨，我正在使用2021主题和可堆叠插件在WordPress上构建一个网站。我已经建立了一切，但现在的问题是顶部导航菜单栏。我已经编写了自定义的CSS代码，使其具有粘性，现在的问题是它没有覆盖整个屏幕。这是我写的代码。

#masthead{
position:fixed;
width:100%;
z-index: 150;
background:white;

}

Answer 1

CSS数据类型表示一个百分比值。它通常用于将大小定义为相对于元素的父对象。

请考虑percentage、x%或100%(在您的情况下(在CSS中的含义文档。宽度是相对于父容器的，因此如果父容器不是视口的全部宽度，则放置width: 100%将只填充该父容器，而不是整个视口。

在您的情况下，我的第一个猜测是，随着许多浏览器在其浏览器样式表中添加，正文有一个边距。如果两边都是8px的"缩进"，很可能就是这样。

以下是缩小的复制：https://codepen.io/stevefrost/pen/XWMLZpW

请注意，左右两侧有8px的空间，这是由浏览器样式表添加的正文上的边距造成的。

如果不是您的情况，请添加减少的复制，我们可以提供进一步的帮助！

Answer 2

删除宽度：100%；

添加

position: fixed;
z-index: 150;
background: white;
left: 0;
right: 0;
max-width: 100%;

让我知道它是否有效