为什么Lightbox会扩展我的网页？

Question

如果这个问题的措辞很差，我很抱歉，但我最近才开始使用CSS和Javascript，所以我在某些地方有点迷失了！

我现在正在创建一个投资组合网站，我想使用灯箱来展示我的一些作品。然而，它并没有按照我在其他网站上看到的方式工作 - 当我点击链接时，图像显示正常，它也会扩展页面，背景中的黑色覆盖不会一直延伸向下，加载gif和关闭，上一个和下一个按钮似乎都向右移动了一点。

我认为它与继承的样式（以及我自己不那么好的CSS）有关，我已经尝试检查元素但无法找到它影响灯箱CSS的位置。我也尝试将灯箱链接移到我的CSS应该影响它的地方之外，但无论如何它都会发生在那里。

如果有人能向我解释为什么会发生这种情况，以及将来如何避免，我会非常感激！

Answer 1

在你的style.css中删除div {...}部分，因为它影响所有div并声明更具体的CSS样式。在CSS中，通常应该使CSS样式尽可能具体。