父div折叠问题.使用jquery循环使用1140gs

Question

我想做一个图像滑块。使用这个标记

<div class="item-display-col fivecol">
            <ul>
                <li><img src="img/man1.jpg" alt="image" class="item-display"></li>
                <li><img src="img/man2.jpg" alt="image" class="item-display"></li>
            </ul>
    </div><!-- / -->

显示很好，但是当我输入这个:

$(document).ready(function(){
        $('div.item-display-col ul').cycle({
            continuous: 1,
        });

(右括号故意截断)

父ul缩为0高度，内容悬挂在上面。

我确信它是简单的CSS逻辑，但我没有任何运气，把清晰的div和设置溢出。

这里唯一的CSS是li和img被设置为100%宽度来跨越列的宽度

问题的再现:http://jsfiddle.net/nPFkn

Answer 1

您已经提到您已经尝试过"设置溢出"，但没有具体说明您尝试了什么。因此，通过猜测的方式:尝试在ul中添加"overflow: hidden"。这将强制元素具有布局。没有滑块，但是当我在一个小提琴中这样做时，ul停止折叠(透过红色的一小部分是ul):

http://jsfiddle.net/SKYJY/1/