爲什麼燈箱擴展我的網頁？

Question

我很抱歉如果這個問題措辭不佳，但我最近纔開始使用CSS和Javascript，所以我在一些地方有點失落！

我正在製作一個投資組合網站，我想用燈箱展示我的一些作品。然而，這並不是我看到它在其他網站上工作的方式 - 當我點擊鏈接時，圖像出現好的時候，它也擴展了頁面，背景中的黑色覆蓋層並不完全一致下載，加載gif和關閉，上一個和下一個按鈕似乎都向右移動一點。我相信它與繼承樣式（和我自己不那麼好的CSS）有關，我試着檢查元素，但找不到它影響燈箱CSS的位置。我也嘗試將CS​​S鏈接移到我的CSS應該影響它的位置之外，但它仍然會在那裏發生。

如果有人能向我解釋爲什麼發生這種情況，以及如何避免將來，我會非常感激！

Answer 1

在您的style.css中刪除div {...}部分，因爲它會影響所有div s並聲明更具體的CSS樣式。在CSS中，您通常應儘可能使CSS樣式具有特定的樣式。