在容器中溢出滾動的圖像右側的額外空間

Question

This is the site我正在研究。 如果您一直滾動到主營圖像的右側，則有300像素的空白，我似乎無法擺脫。

沒有什麼隱藏在那裏，也沒有任何填充;戰士們的懸停狀態都沒有發生。但將容器大小從auto更改爲4100px（這是多大的圖片）會導致滾動溢出。

我確定修正是CSS的一行，但我真的不能弄明白。任何幫助將不勝感激！

感謝

Answer 1

它看起來像問題是與工具提示和.rollover類。要排除故障並查看空間的來源，請打開開發人員面板並添加新規則，然後滾動到空白處。

* { 
    border: 1px solid red !important; 
} 

您會看到這些工具提示的位置正在添加到空間（特別是包含工具提示的div）。要修復此問題，請嘗試在.rollover類中將position: relative替換爲position: absolute。這應該讓他們保持原位，並消除額外的空間。