CSS应用递增的高度，但div应停留在底部

CSS应用递增的高度是指在HTML中使用CSS样式来控制元素的高度逐渐增加。而要让一个div停留在底部，可以使用以下方法：

使用flex布局：将父容器设置为flex，并设置flex-direction为column，然后将子容器的flex属性设置为1，这样子容器会占据剩余的空间，从而将div停留在底部。

<style>
    .container {
        display: flex;
        flex-direction: column;
        height: 100vh; /* 设置父容器的高度为视口高度 */
    }

    .content {
        flex: 1; /* 子容器占据剩余空间 */
    }
</style>

<div class="container">
    <div class="content">
        <!-- 这里放置页面内容 -->
    </div>
    <div class="footer">
        <!-- 这里放置底部内容 -->
    </div>
</div>

使用position属性：将父容器设置为相对定位（position: relative），然后将底部的div设置为绝对定位（position: absolute; bottom: 0;），这样底部的div会固定在底部。

<style>
    .container {
        position: relative;
        min-height: 100vh; /* 设置父容器的最小高度为视口高度 */
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
</style>

<div class="container">
    <div class="content">
        <!-- 这里放置页面内容 -->
    </div>
    <div class="footer">
        <!-- 这里放置底部内容 -->
    </div>
</div>

这样，无论内容的高度如何递增，div都会停留在底部。在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来搭建网站，并使用腾讯云的云数据库（TencentDB）来存储数据。具体产品介绍和链接地址请参考腾讯云官方网站。