背景图片超出html标签的问题

在做学校的作业时碰到了个背景图片超出html标签的问题

（网上搜了一圈没搜到解决办法，我自己写一个吧，假如有人遇到了也可以借鉴下，，，可能没人会遇到吧，23333）

如下图：

由图2可知footer下方部分图片是超出了html标签部分的。

我开始以为是背景图片默认平铺的原因，但改成no-repeat还是会出现问题，footer下方虽然没有图片了，但会出现空白。

多次尝试我发现是background-size: 100%带来的问题，我设置了三个背景图片（想使它们通过点击按钮完成换肤功能），但是因为三个背景图片height不同，网页height就会由height最大的那个图片决定，而body的height大小在未设置宽度的前提下会由height最小的那个图片决定，所以就出现了背景图片超出html标签的问题。

我的解决办法是给footer设置position: fixed；bottom: 0;让其固定在页面最底部。