html5中宽度样式的问题

我已经创建了一个简单的网页，使用html5和css，css3

我已经创建了粘性页脚，下面是代码：

#footer {
   position:absolute;
   bottom:0;
   color:#000;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#fff;
}

和换行和页眉样式：

#wrap
{
    width:100%;
}
header
{
    width:960px;
    margin:0 auto;

}

从上面的代码中，我的页面如下所示：

我需要将页脚显示为全宽，但当我删除

margin:0 auto从页眉，页脚完全显示全宽，但未正确显示页眉

我需要显示除了页脚宽度为960px；和页脚需要作为全宽

我在挣扎，有人能帮我吗？提前感谢。
如果不知道HTML是如何构造的，很难回答，但是从屏幕截图判断，您需要将
左：0
添加到页脚CSS，否则它的左位置将与其最近的包含块（看起来像是
#wrap
元素）位于同一左边缘

提示：下一次，在帖子中添加一个指向运行代码示例的链接。：-）
 你必须按照这把小提琴来做：


*{
保证金：0；
}
html，正文{
身高：100%；
}
.换页{
最小高度：100%；
/*等于页脚高度*/
边缘底部：-142px；
}
.换页：之后{
内容：“；
显示：块；
}
.站点页脚，.换页：之后{
高度：142px；
}
.网站页脚{
背景：橙色；
}

内容！
我是粘脚的。
请同时包含您的HTML。如果可能，在JSFIDLE示例中重现该问题。