css - 元素无缘无故地躺在另一个“顶部”？

Question

我只是想为客户整理一个网页，我在页面底部有一个照片库，但它似乎位于页面其余内容的顶部，尽管它自己的内容出现在其余部分下方. 最简单的方法是在这里亲自查看。*请注意您无法播放 YouTube 视频，如果您使用“检查元素”，您会明白我所说的“躺在上面”的意思 *

我已经花了至少一个半小时试图解决这个问题，这是漫长的一天！我可能只是累了，但我将不胜感激地收到一些友好的建议。如果可以的话，我想尽量避免使用 z-index ！

Answer 1

你需要清除你float的。

例如，通过添加clear: both;到图库：

.gallery {
    clear: both;
}