菜单背景我希望它是 100% 宽度，没有左、右和顶部间隙

Question

菜单背景色应为全宽，24英寸及以下应全屏。这是它的样子。网站网址也在图像中。

下面是我添加背景颜色的scss。请有人编辑下面的代码，使背景颜色左右和顶部接触（顶部有一个小间隙），

.header-main-wrapper {
    max-width: 1720px;
    margin: 0 auto;
    background: #1c2e52;
    @media #{$xs,$sm,$md,$lg} {
        padding: 16px 0;

我尝试在chrome中使用inspect，但没有成功。在 stackflow 上找不到任何东西来解决它。

Answer 1

.header-main-wrapper 周围已经有另一个 div，其 Bootstrap 类为 container-fluid。只需添加另一个唯一的类，这样您就可以对其应用背景颜色，而不会影响页面上的任何其他容器。我将其命名为container-background：

<div class="container-fluid container-background"> <!-- add class here -->
  <div class="header-main-wrapper">
                ... 
  </div>
</div>

然后，在您的 SCSS 或 CSS 文件中添加：

.container-background {
  background: #1c2e52;
}