CSS - 不必要的水平滾動條

在我的基於WordPress的網站上有一個不必要的水平滾動條。我怎樣才能擺脫它？我檢查了CSS尋找邊緣，但沒有找到任何。CSS - 不必要的水平滾動條

2015-03-31 EmWe

你「.slideshow_container」比窗口寬度。窗口大小調整後，滾動條不再顯示。嘗試在幻燈片插件中查找解決方案。

或嘗試添加到「＃room-slideshow」css樣式：「overflow：hidden;」。

2015-03-31 12:36:56 Macias

的「.slideshow_container」與我的瀏覽器窗口的寬度的樣式屬性。你怎麼知道「.slideshow_container」寬於窗口寬度？ – EmWe 2015-03-31 12:43:34

我已經在開發人員控制檯中檢查了Chrome（Mozilla的FireBug）。 overflow：隱藏「＃room-slideshow」會解決你的問題 – Macias 2015-04-01 11:30:52

Aww我現在知道原因：幻燈片插件會計算幻燈片的寬度以顯示它們。但是，當我有足夠的垂直內容的垂直滾動條的寬度calcuted應該是：

初始寬度 - scollbar寬度

但我怎麼能解決這個問題？

2015-03-31 13:22:28 EmWe

您可以使用jQuery

$(function() { var width = window.innerWidth; $(".slides").css('max-width',width); })

或者，最簡單的body {overflow-x:hidden}

2015-03-31 13:27:03

就像Macias寫的那樣，插件重新計算window-resize的寬度。也許有可能強制系統重新計算這個價值？ – EmWe 2015-03-31 13:35:49

嘗試body {overflow-x：hidden}，它應該防止滾動條。它會削減一塊你的imgs嗎？是的，但只有一個。 – 2015-03-31 13:49:36

IT對我來說不是一個好的解決方案，因爲內容的垂直對齊不再匹配（設計問題） – EmWe 2015-03-31 13:56:44

回答