对innerHTML的JavaScript输出会切断背景图像

Question

http://www.hamdenway.co.uk/portfoliojavascript.html

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

一切正常但是当它打印出页面时，背景图像会中断。我希望背景图片能够继续重复新内容。

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

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

结果是背景图像的这种可怕的截止。如果您需要更多代码，请询问。

Answer 1

从正文css中删除height:100%。只需打开浏览器控制台并移除高度即可进行测试

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