溢出属性不切断 jQuery 轮播内容

Question

好的，我知道了。相信我，我知道。这似乎很容易解决。但是，解决方案一直困扰着我一段时间。

我正在使用 jQuery carousel 插件。我似乎无法让轮播在它嵌套的 div 的末尾切断。

<div style='overflow:hidden;margin:0 auto;'>
     <div class='carousel'>
<?php
     for($i=0;$i<$count;$i++)
     {
          echo "<div>
                    ".$content[$i]."
               </div>";
     }
 ?>
     </div>
</div>

您可以找到一个工作示例here

Answer 1

您将overflow:hidden 提供给错误的父元素。尝试将overflow:hidden 赋予li 元素，同时将position:relative 赋予它。问题将得到解决。 :)

li{
  /* other css properties */
  position:relative;
  overflow:hidden;
}