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

Question

好的，我知道。相信我，我知道。这似乎很容易解决。但是，解决方案已经让我困惑了一段时间。

我正在使用 jQuery轮播插件。我似乎无法让轮播在它嵌套的 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>

你可以在这里找到一个工作示例

Answer 1

你给overflow:hidden了错误的父元素。尝试给予overflow:hidden元素li并给予 position:relative它。问题将得到解决。:)

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