菜单背景我希望它是 100% 宽度,没有左、右和顶部间隙
P粉245003607
P粉245003607 2023-09-10 21:43:33
0
1
514

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

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

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

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

P粉245003607
P粉245003607

全部回复(1)
P粉950128819

.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;
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板