width - 窗口缩小时的背景宽度问题，部分没有像应有的那样占据全宽

Question

对这个问题感到非常沮丧。我不确定问题是什么。我正在尝试在此网站上获取此背景以拉伸背景的整个宽度。当窗口大小减小时，问题就会出现。下面是代码。

HTML

<section id='slide1' class='slide slide-odd'>
    <div class="postWid">
        <div class='row'>
            <div class='col-lg-7'></div>

            <div class='col-lg-5'>

            </div>
        </div>
    </div>
</section>

CSS

    #slide1, 
    #slide2,
    #slide3,
    #slide4,
    #slide5,
    #slide6,
    #slide7,
    #slide8,
    #slide9,
    #slide10,
    #slide11,
    #slide12,
    #slide13,
    #slide14,
    #slide15,
    #slide16 {
        height: 480px;
    }
.slide-odd {
    background: url('../img/green.png');
    background-color:#408573;
    color:#ffffff;
}
.slide-even {
    background: url('../img/white.png');
    background-color:#f4f0e7;
    color:#000000;
}
.slide {
    padding: 144px 3%;

}
.postWid {
    width: 1240px;
    margin:0 auto;
}

我认为它与 .postWid 有关，我将其设置为最小和最大宽度，但它没有响应最小宽度。所以我不得不将宽度设置为 1240px；

Answer 1

a）为什么不在课堂上指定你#slides的.slide？

b）您无法获得绝对宽度的相对行为。使用相对宽度。

例子：

.postWid {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}