0

cssに従って、中央だけでなく全画面を占めるようにdivラッパーを作成する方法を説明します。

body {
   margin:0px;
   padding:0px;
   background:#71726e;
   }
div, p, span, a, h1, h2, h3, h4, h5, h6, form {
   margin:0px;
   padding:0px;
   }

.wrapper {
   margin:0px auto;
   padding:0px;
   overflow:hidden;
   width:951px;
   background:url(../images/mid-shadow.jpg) repeat left top;
   }
 left-gap1 {
   margin:    0px ;
   padding:0px;
   font-size:0px;
   line-height:0px;
   width:6px;
   float:left;
   }
.right-gap1 {
   margin:0px;
   padding:0px;
   font-size:0px;
   line-height:0px;
   width:6px;
   float:left;
   }
.main {
   margin:0px;
   padding:0px;
   width:939px;
   float:left;
   }
.header {
   margin:0px;
   padding:0px;
   width:939px;
   float:left;    
   }
.nav-area {
   margin:0px;
   padding:0px;
   width:939px;
   height:54px;
   float:left;
   background:#000000;
   }
4

2 に答える 2

0

ラッパーの幅を100％に変更します

.wrapper {
   margin:0px auto; /* I guess you wont need this here */
   padding:0px;
   overflow:hidden;
   width:100%;   /* Change This */
   background:url(../images/mid-shadow.jpg) repeat left top;
   }

<body>注：ウェブサイトで画像を背景として使用している場合は、タグでbackground-imageプロパティを使用することをお勧めしますが、これは画面の高さではなく100％の幅を使用します。

新しい要件に従って編集します

あなたはこのようなものが欲しいですか？

于 2012-07-24T08:17:54.497 に答える
0 
.wrapper {
   padding:0px;
   overflow:hidden;
   width: 100%;
   background:url(../images/mid-shadow.jpg) repeat left top;
   }

マージンの使用：0px auto; 幅とともに：951px; コンテンツを中央に配置し、幅が951pxのみになります。コンテンツはそれより広くなることはありません。上記のように100％に設定します。

于 2012-07-24T08:22:34.937 に答える