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

回答