我试图将我的页脚放在我的网页底部。只是将它放在页面底部工作正常，但是当我通过按钮添加内容时，身体会弹出，但页脚会保持在当前位置 - 这意味着身体越过页脚。
这是我的页脚CSS：
.footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
该网站位于React中，所以这是我用来构建页面的布局页面
<div>
<Header>
</Header>
<Body className="body">
{this.props.children}
</Body>
<Footer className="footer"/>
</div>
关于如何进行的任何想法？
回答这是一个重复的问题：这个问题与其他问题有所不同，因为这个问题是关于已经位于页面底部的页脚，但在新的时候不会保持这种状态内容是动态添加的。