css - 删除固定页脚和主要实现之间的空白

Question

当我调整我的索引大小时，我在主页面和页脚之间显示空白，在我的主页面中我有一个轮播元素。

有什么建议可以修复我的空间吗？

CSS 到我的页脚:

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

    main {
        flex: 1 0 auto;
    }

Answer 1

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

A sticky footer always stays on the bottom of the page regardless of how little content is on the page. However, this footer will be pushed down if there is a lot of content, so it is different from a fixed footer. Add the following code to your CSS file.

您可以通过删除您发布的 css 来禁用“粘性选项”，这意味着您的页脚将显示在该轮播的正后方。您还可以将主体背景颜色设置为与页脚相同，以摆脱白行。

您还可以拉伸(stretch)您的内容。

这不是物化问题，您只需要考虑您的布局即可。