0

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

注意：这只会使用 100% 的屏幕宽度而不是高度，如果您在网站中使用图像作为背景，那么我建议您在<body>标签上使用 background-image 属性。

根据您的新要求进行编辑

你想要这样的东西吗？

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

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

于 2012-07-24T08:22:34.937 回答