删除固定页脚和主要实体之间的空白区域

Question

当我调整索引的大小时，我在主页和页脚之间显示空白区域，在我的主要内容中我有一个旋转木马项目。

有关修复空间的建议吗？

到我的页脚：

    body {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    main {
        flex: 1 0 auto;
    }

Answer 1

您正在使用“粘性页脚”，这意味着它将始终位于底部。

  

无论页面上的内容多么少，粘性页脚始终位于页面的底部。但是，如果有很多内容，此页脚将被下推，因此它与固定页脚不同。将以下代码添加到您的CSS文件中。

您可以通过删除您发布的CSS来禁用“粘性选项”，这意味着您的页脚将显示在该轮播后面。另外，您可以将正文背景颜色设置为与页脚相同，以消除白色行。

您还可以拉伸内容。

这不是具体问题，您只需要考虑自己的布局即可。