如何使这个旋转器具有基于内容的动态高度？

Question

请转到：http://jsfiddle.net/6zFt5/

如您所见，如果没有在CSS的第6行指定FIXED HEIGHT，则此旋转器不起作用。我需要这个小部件根据内容高度动态调整其高度，而不会切割它或留下太多的空白空间。

这是css：

.rotator {
   position: relative;
   overflow:hidden;
   width: 100%;
   border:1px solid red;
   height:auto; /*height:100px;*/
}
.rotator ul li {
   max-height: 100%; 
   max-width: 100%;
   background-color:aqua;
}

我离开了jQuery脚本，这样你就可以理解我想要用它了什么。

我错过了什么？

谢谢。

Answer 1

首先要删除

position: 'absolute'

来自你的js文件

然后，在next（）和prev（）函数中更改动画，以使票证更顺畅地运行

检查此fiddle。