为什么要设置middle的width为1000px，感觉设置多了

*{
 padding:0px;
 margin:0px;
}
.header{
 width:100%;
 height:100px;
 background-color:#ccc;
 min-width:960px;
}
.header .logo img{
 width:300px;
 height:85px;
    padding-top:7.5px; /*在header部分给logo图垂直居中时，建议使用法一margin的计算方法来实现*/
    padding-left:100px;   
}
.header .logo{   /*这里添加浮动后会将nav的宽度自动缩小至logo图的宽度，下面的nav也是*/
 float:left;
}
.header .nav{    
 float:right;
}
.header .nav ul{
 padding-right:100px;
}
.header .nav ul li{
 list-style:none;
 float:left;
 width:100px;
 height:100px;
 line-height:100px;
 font-size:15px;
 font-weight:bolder;
 color:#7d7d7d;
}
.header .nav ul li a{
 text-decoration:none;
 color:#7d7d7d;
}
.header .nav ul li a:hover{
 color:orange;
}
.main .top{
 width:100%;
 height:600px;
}
.main .top img{
 width:100%;
 height:600px;
}
.main .toplayer{      /*遮罩层的做法*/
 position:absolute;
 top:100px;
 left:0px;
 width:100%;
 height:600px;
 background-color:#000;
 opacity:0.5;      /*透明度属性*/
}
.main .toplayer-top{
 width:500px;
 height:300px;
 /*background-color:blue;*/
 position:absolute;
 top:400px;
 left:50%;
 margin-top:-150px;
 margin-left:-250px;
 z-index:2; /*因为toplayer-top的层级还要在上面，所以要提到2，
 absolut因为脱离了文档流，所以我认为其默认为1*/
}
.main .toplayer-top .word{
 padding-top:100px;
 text-align:center;
 font-size:45px;
 font-weight:bolder;
 color:#fff;
 font-family:"微软雅黑";
}
.main .toplayer-top button{
 width:200px;
 height:60px;
    margin-top:50px;
    text-align:center;
    /*margin:50px auto 0px;*/  /*因为设置了浮动导致脱离了文档流的原因，使用margin：0 auto；的方法不行；了*/
    margin-left:150px;   /*对于脱离文档流的元素设置水平居中的方法要么法一设置具体计算值margin，
                         要么用绝对定位的方法*/
    background-color:#f5704f;
    border-radius:8px;
    color:#fff;
    font-family:"微软雅黑";
    font-weight:bolder;
    font-size:14px;
}

.main .middle{
 width:1000px;
 margin:0 auto;
}
.main .middle .m-top{
 overflow:hidden;
 *zoom:1;
}
.main .middle .m-top .commen{
 float:left;
 width:33.3%; /*我们实现并列几块之间的间距，普遍使用设置width的方式，而不用padding和margin*/
 padding-top:50px;
 text-align:center;
}

这里设置middle的宽度的作用是不是因为middle里面的那三块所需宽度都小于整个页面的宽度，所以为了留出

两边的留白，将middle的整体宽度设置小？

而设置成1000px的话，我感觉会出现两个问题

1：宽度大于整个界面的宽度

2：第二个就是按1000分成3个33.3%，那么最右边的qq实际在展现过程中因为不能展示完整1000px，所以会缺失，那么就无法实现三个整体的水平居中了。

老师，这个1000px这个应该怎么来理解呢？