Html 更改css以扩展内容

在下面的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;
   }

---

将包装宽度更改为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%的屏幕宽度，而不是高度，如果您在网站中使用图像作为背景，我建议您在

标记上使用背景图像属性

根据您的新要求进行编辑

你想要什么

---

使用边距：0px自动；宽度：951px；将使内容居中，宽度仅为951px。内容不会比这更广泛。如上图所示，将其设置为100%

如果你需要一个包装器来占据整个屏幕，为什么不直接使用主体呢？你最终解决了这个问题吗？它会在用户界面的右侧留下一个空白。如果你想让你的内容覆盖整个页面，你需要删除你在其他页面（如.main、.header和.navarea）中设置的宽度。他们会限制宽度。这会在用户界面的右侧与marginOr之间产生一个缺口。你能引导我找到一个专业的html模板，左导航栏和右面板的宽度为100%是的，我想要这样的，但更专业。我可以给出我的html。我不擅长csshaha，但你需要设计它的样式，兄弟，我只是来解决你的疑问，而不是设计你的模板

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