如何摆脱滑块右侧的额外空白？

Question

这是我的网站（http://fitness.jermaineforbes.com/），我有一个幻灯片，来自“flexslider”库。滑块有效，但网页右侧有额外的空格。我试图添加溢出：隐藏到很多不同的地方，但空白仍然存在。我没有看到可能产生额外空间的填充或边距问题。任何人都可以帮助我吗？

Answer 1

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

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

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

另一种解决方案是在不需要时删除上一个和下一个链接！

Answer 2

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

body { 
  overflow-x: hidden;
}

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

Answer 3

在html

上使用此功能

html {
    overflow-x: hidden;
}