0

私はウェブサイトで作業していて、真ん中に960コンテナを使用していますが、唯一の問題は、デザイナーがいくつかdivので異なる背景色を使用していることです。

したがって、今のところ私のコードは次のとおりです。

      <div id="content">
<!-- the content needs to 960 on the width only the background need the full width of the page -->
             <div class="whitebackground">
                     <!-- content -->
             </div>

             <div class="bluebackground">
                     <!-- content -->
             </div>
        </div>

css：

#content {

margin: 0px auto;
min-height: 700px;
position: relative;
width: 960px;

}
.whitebackground{
    width: 100%;
    background:#FFF;
}
.bluebackground{
    width: 100%;
    background:#0054fe;
}

ここで問題となるのは、sの背景色がdivもちろんコンテンツ内にのみあることdivです。の色をdivコンテンツの外に出しdivてページの幅全体に表示する方法はありますか？

これが作業コードですhttp://jsfiddle.net/6cJVV/

4

3 に答える 3

3

できるよ：

.object {background-size: 100% 100%;}

それはそのように設定されています：

.object {background-size: width height;}

http://www.w3schools.com/cssref/css3_pr_background-size.asp

于 2013-01-02T13:11:09.723 に答える
1

外側のdivを全幅に設定width: 960px; margin: 0 autoしてから、内側のdivに設定する必要があります。
これを見てください：Codepen

于 2013-01-02T17:34:36.837 に答える
0

コンテンツをクラスに変更して、閉じてから再開できるようにしました。私のコードは次のようになります。

      <div class="whitebackground">
          <div class="content">

          </div>          
      </div>

      <div class="bluebackground">
             <div class="content">

             </div>       
       </div>
于 2013-01-02T16:35:15.943 に答える