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

如果这个问题措词不当，我深表歉意，但我最近才开始使用CSS和Javascript，所以在某些地方我有点迷路了

我现在正在制作一个投资组合网站，我想用lightbox来展示我的一些作品。然而，它的工作方式与我在其他网站上看到的不同——当我点击链接时，虽然图像显示正常，但它也扩展了页面，背景中的黑色覆盖层不会一直向下，加载gif和“关闭”、“上一步”和“下一步”按钮似乎都向右移动了一点

我相信这与继承的样式有关（我自己的CSS不是很好），我已经尝试过检查元素，但找不到它影响lightbox CSS的地方。我也尝试过将lightbox链接移动到CSS应该影响它的地方之外，但无论如何都会发生这种情况

---

如果有人能向我解释为什么会发生这种情况，以及今后如何避免，我将不胜感激

在您的style.css中删除

div{…}

部分，因为它会影响所有

div

s并声明更具体的css样式。在CSS中，您通常应该尽可能使CSS样式具体化。

Ahhh，好吧，我会记住这一点！但是在这种情况下，对于这个页面，我只使用过一次div；它会对它产生那么大的影响吗？我应该把我的div切块吗？网络上的大多数东西都是用div构建的，它们是“标准块”，灯箱是用它们制作的。但是它解决了问题吗？它解决了大部分问题！图像现在都在正确的位置，页面不再延伸，但黑色覆盖层并没有覆盖整个窗口**不过，只有在某些窗口大小；在其他尺寸的窗口中，它工作得很好，可以尝试添加最小高度：100%；身体