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

Question

我页面的正文背景颜色设置为占据100％高度而不重复。但是，在使用jQuery动态向页面添加元素后，文档的高度会发生变化，背景颜色不再占用100％。

这是我的CSS：

＆＃13;

＆＃13;

 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;
    }

＆＃13;

＆＃13;

＆＃13;

Answer 1

您不需要定义身体的高度。拿出它，它应该自动覆盖整个页面的背景颜色。