如何摆脱滑块右侧的多余空格？

Question

这是我的网站 (http://fitness.jermaineforbes.com/)，我有一个从 "flexslider" 库制作的幻灯片。滑块有效，但网页右侧有多余的白色space。我尝试将 overflow:hidden 添加到很多不同的地方，但白色 space 仍然存在。我没有看到可能会产生额外 space 的填充或边距问题。谁能帮帮我？

Answer 1

有上一个和下一个link。接下来的 links 设置为 right-50px，因此它位于右侧视口之外。

要删除右侧的 space，您可以使用以下 CSS 覆盖 CSS 规则：

.flex-direction-nav .flex-next {
    right:0 !important;
}

另一个解决方案是删除上一个和下一个 link 如果不需要！

Answer 2

答案很简单。你只需要一些 css 来解决这个问题。在您的页面中插入下面给出的 css。

body { 
  overflow-x: hidden;
}

overflow-x css 属性隐藏或显示 x overflow

Answer 3

在html

上使用这个

html {
    overflow-x: hidden;
}

如何摆脱滑块右侧的多余空格？

How to get rid of extra whitespace to the right of a slider?

html

css

flexslider