Fond du menu Je veux qu'il ait une largeur de 100 % sans espaces à gauche, à droite et en haut

Question

La couleur d’arrière-plan du menu doit être sur toute la largeur, 24 pouces et en dessous doit être en plein écran. Voilà à quoi cela ressemble. L'URL du site Web est également dans l'image.

Vous trouverez ci-dessous mon scss pour ajouter une couleur d'arrière-plan. Quelqu'un pourrait-il modifier le code ci-dessous pour que la couleur d'arrière-plan se touche à gauche, à droite et en haut (il y a un petit espace en haut),

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

J'ai essayé d'utiliser inspect dans Chrome mais sans succès. Je ne trouve rien sur stackflow pour le résoudre.

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>

Ensuite, dans votre fichier SCSS ou CSS ajoutez :

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