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

-1

这是我的网站（http://fitness.jermaineforbes.com/），我有一个由“flexslider”库制作的幻灯片。滑块工作正常，但网页右侧有多余的空白。我试图添加溢出：隐藏到很多不同的地方，但空白仍然存在。我没有看到可能会产生额外空间的填充或保证金问题。谁能帮我？如何摆脱滑块右侧多余的空格？

来源

2017-05-13 black_yurizan

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

要删除右边的空间，你可以用下面的CSS覆盖CSS规则：

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

另一种解决办法是删除一个和下一个链接，如果没有必要！

来源

2017-05-13 14:55:11

这是解决方案。 'overflow-x：hidden'不是正确的方法，因为它会消除'弹性反弹效应'。 –

男人，非常感谢你的回答。我只是改变了选项directionNav：false。这将删除下一个和上一个链接 –

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

body { 
    overflow-x: hidden; 
}

溢出 - X CSS属性隐藏或显示在x溢出

来源

2017-05-13 14:58:33

使用此上的html

html { 
    overflow-x: hidden; 
}

来源

2017-05-13 14:59:07 Encodesllife

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

回答

相关问题