元素无缘无故地躺在另一个"on top"?



我只是想为客户整理一个网页,我在页面底部有一个照片库,但它似乎在页面其余内容的顶部,尽管它自己的内容出现在其余部分的下面。最简单的事情就是在这里亲眼看看。*请注意您无法播放YouTube视频,如果您使用"检查元素",您将了解我所说的"躺在上面"的意思*

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

你需要

清除你的float

例如,通过向库添加clear: both;

.gallery {
    clear: both;
}

最新更新