body内的元素宽设置成百分百了，宽度不会随浏览器大小自适应。

Question

body的宽是没设置，footer的宽设置的是100%，页脚背景色设置在footer上，浏览器窗口缩小为什么footer的宽度没有自适应？

Answer 1

html,body{
    width:-webkit-fit-content;
}
html,body{
    width:-moz-fit-content;
}

Answer 2

如果你的滚动条在最左边的时候这个元素的宽度能够覆盖视口宽度，说明其他元素有溢出 body 的情况导致你的页面宽度大于 body 的宽度，而 body 的宽度仍然维持视口宽度，这就造成了你的元素宽度不能覆盖页面宽度。不知道这样说你能不能理解。

Answer 3

https://jsfiddle.net/9nLc9vm4/ 有什么好的方法可以在上面改。

Answer 4

footer的100%宽度是相对于其父元素body而言的，这里可以看到body并没有自适应宽度，自然footer也不会自适应。

Answer 5

和body那个没啥关系，就是footer内容被撑爆了，footer上的100%宽度已经不够用了

@corianderhunter 说的属性应该可以用的