flexslider - FlexSlider 在页面右侧添加间隙

Question

所以 Flexslider 有问题。似乎在页面右侧添加了大约 50 像素的间隙（拉伸页面）。如果将鼠标悬停在幻灯片上，间隙就会消失。这真的很奇怪。有任何想法吗？

我知道页面上没有其他内容，因为如果我取出 flexslider 代码，它似乎可以正常工作。

谢谢你的帮助。

Answer 1

在 flexslider.css 中更改这些样式：

从

.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }

至

.flex-direction-nav .flex-prev { left:0; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }

为我工作。

Answer 2

看起来 flexslider 导航控件增加了额外的空间。当您将鼠标悬停在滑块上时，“右”方向箭头会出现，因此不会离开屏幕，因此不会增加额外的空间。

在您的 flexslider 类中添加“溢出：隐藏”应该可以解决您的问题。