javascript - 添加动态内容后的背景颜色高度

Question

我页面的正文背景颜色设置为占据 100% 高度并且不重复。但是，我用jQuery动态给页面添加元素后，文档的高度发生了变化，背景色不再占100%。

这是我的 CSS:

 html, body {
        height: 100%;
    }
    
    body {
        background: linear-gradient(#51B5D5, #38DAD4);
        background-repeat: no-repeat;
        color: white;
        font-family: 'Open Sans', sans-serif;
        padding: 0 1rem;
        /*padding-top: 10vh;*/
        font-weight: 300;
    }

Answer 1

您不需要定义正文的高度。将其取出，它应该会自动用背景色覆盖整个页面。