缩小浏览器窗口，拉动底部滚动条，出现背景缺失问题

最近仿了一个静态页面，因为目前还没学到JS，所以只用了HTML和CSS。
body部分没设置固定宽高，在写完以后我缩小浏览器窗口，拖动底部滚动条，发现背景有一部分缺失。如下图：

真的很影响美观，我认为这可能是浏览器的一个bug。
随后我在CSS代码的body部分加了一个“min-width”（因为footer的宽继承于body，所以我就直接加在body处）。
下图是加了以后的CSS代码：

加了以后显示没问题了

这个min-width的数值我取的是我浏览器的宽度。
后来上网查了一下，有人说JS可以解决这类问题，但是目前还没学到，所以就只能用这个凑合吧，下一步就打算开始学习JS。
路漫漫其修远兮，作为一个刚刚开始接触前端的菜鸟，这个博客用来记录我在平时遇到的一些问题和心得，也算是做做总结，积累经验。如果有哪位大神看了以后觉得有一些意见和建议，欢迎指出，我也会虚心学习！