body的宽是没设置，footer的宽设置的是100%，页脚背景色设置在footer上，浏览器窗口缩小为什么footer的宽度没有自适应？
如果你的滚动条在最左边的时候这个元素的宽度能够覆盖视口宽度，说明其他元素有溢出 body 的情况导致你的页面宽度大于 body 的宽度，而 body 的宽度仍然维持视口宽度，这就造成了你的元素宽度不能覆盖页面宽度。不知道这样说你能不能理解。
html,body{
width:-webkit-fit-content;
}
html,body{
width:-moz-fit-content;
}
footer的100%宽度是相对于其父元素body而言的，这里可以看到body并没有自适应宽度，自然footer也不会自适应。
https://jsfiddle.net/9nLc9vm4/ 有什么好的方法可以在上面改。
和body那个没啥关系，就是footer内容被撑爆了，footer上的100%宽度已经不够用了
@corianderhunter 说的属性应该可以用的