Question

他跟随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;
   }

Answer 1

将包装宽度更改为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;
   }

注意：如果您在网站中使用图片作为背景，我只会使用100％的屏幕宽度，而不是高度，我建议您在<body>标签上使用背景图片属性

根据您的新要求进行修改

您需要this之类的内容吗？

Answer 2

.wrapper {
   padding:0px;
   overflow:hidden;
   width: 100%;
   background:url(../images/mid-shadow.jpg) repeat left top;
   }

使用保证金：0px auto;以及宽度：951px;将您的内容居中，只给它951px的宽度。内容不会比这更广泛。如上所示将其设置为100％。

更改css以扩展内容

2 个答案: