css - 元素无缘无故位于另一个的 "on top"？

Question

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

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

Answer 1

你需要清除你的float。

例如，将 clear: both; 添加到图库中:

.gallery {
    clear: both;
}