到innerHTML的JavaScript输出会切断页面下方的背景图像

我正在建立一个网站组合申请学徒。我用JavaScript制作了一个生成器，它通过output.innerHTML将结果打印在一个列表中

这一切都很好，但当它打印出页面时，背景图像会被切断。我希望新内容的背景图像继续重复

在样式表的括号中，我将鼠标悬停在body{}上，它不会更新新生成内容的高度。我想它会这样做：

    body {
    background-image:url('../portfolioimages/yellowbg.jpg');
    background-repeat: repeat;
    background-size: auto;
    height: 100%;
    padding-top: 100px;
    margin:0px;
    }

---

所以结果就是背景图像的可怕分割。如果您需要更多代码，请询问。

从正文css中删除

高度：100%

。只需打开浏览器控制台并移除高度即可进行测试

body {
    background-image:url('../portfolioimages/yellowbg.jpg');
    background-repeat: repeat;
    background-size: auto;
    padding-top: 100px;
    margin:0px;
}

---

非常感谢你！这已经困扰我好几天了。我删除了高度：100%，在用户输入任何数字之前，它使背景停止了一半，但在底部添加一点填充物就消除了这一点。谢谢你的帮助！