页脚重叠体内容即使有clearfix

Question

我无法弄清楚为什么我的页脚不会出现在我的页面内容之后，而是重叠内容。我在浮动元素之后添加了一个clearfix，但页脚仍然与我的幻灯片重叠。＆＃39;你可以在我的小提琴里看到我正在谈论的内容https://jsfiddle.net/4x1n01yo/。非常感谢任何帮助。

我尝试过添加：

$(document).on('click', '#loadMore', function()

但这只是通过将页脚移动到页面的一半左右来部分解决问题。非常感谢任何帮助！

Answer 1

这是因为.slides的高度为0。它的高度为0，因为它的所有孩子都是绝对定位的。要快速修复，您可以添加以下CSS：

.slides {
    height: 899px;
}

但如果所有幻灯片的高度不同，这将无济于事。