html - 即使使用 clearfix，页脚也会与正文内容重叠

Question

我不明白为什么我的页脚不会出现在页面内容之后，而是与内容重叠。我在 float 元素后添加了一个 clearfix，但页脚仍然与我的“幻灯片”重叠。你可以在我的 fiddle 里看到我在说什么 https://jsfiddle.net/4x1n01yo/ .非常感谢任何帮助。

我试过添加:

.slides-container{
    overflow:auto;
}

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

Answer 1

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

.slides {
    height: 899px;
}

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