【问题标题】:Slick Slider extra margin/padding topSlick Slider 额外边距/填充顶部
【发布时间】:2016-02-22 23:51:58
【问题描述】:

遇到了我以前从未见过的光滑滑块的问题,我自己也无法解决。幻灯片似乎从它们的容器中略微向下推,使它们出现在容器外面,我无法弄清楚是什么原因造成的。见截图:

有人对导致这种奇怪行为的原因有任何想法吗?我已经在我的所有代码中搜索了任何可能导致此问题的隐藏边距或填充,但没有运气。

直播网站here。您可以在顶部和底部滑动部分看到这种奇怪的行为,但由于某种原因看不到中间部分。

提前致谢!

【问题讨论】:

  • 首先,如果可能,请包含代码,或者最好还是创建一个小提琴 - 其次,您的网站在哪里?
  • 好的,看看,有 4 张幻灯片,所以没有中间一张,它们都在 Chrome 中渲染得很好
  • 我包含了整个站点的链接,因为这里有许多脚本和文件在工作,可能会导致问题。我说的是滑块而不是其中的单个幻灯片,目前页面上有三个,一个是大横向图像,一个是图形和文本,一个是方形图像,一次显示 2 个。

标签: html css margin padding


【解决方案1】:

position:relative; 更改为 position:absolute; style.css 第 306 行。

    .slick-slider .slick-prev {
        left: 50px;
        z-index: 10;
        position: absolute;
    }

【讨论】:

  • 修复了它,非常感谢!永远不会意识到这是问题所在