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我將它設置爲MIN和MAX的寬度，但它不響應最小寬度。所以我不得不將寬度設置爲1240px;

Answer 1

a）爲什麼不在​​類中指定您的#slides？

b）您無法獲得絕對寬度的相對行爲。使用相對寬度。

例如：

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