css 父div折叠问题,使用jquery循环和1140 gs

64jmpszr  于 2022-11-27  发布在  jQuery
关注(0)|答案(1)|浏览(119)

我尝试做一个图像滑块。

<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,
        });

(右括号故意截断)
父UI折叠成0高度并且内容悬挂在其外。
我确信这是一个简单的css逻辑,但是我没有任何运气把清晰的div和设置溢出。
这里唯一起作用的css是li,img被设置为100%宽度以跨越列的宽度
问题的再现:http://jsfiddle.net/nPFkn

h7appiyu

h7appiyu1#

你已经提到过你尝试过“设置溢出”,但没有具体说明你到底尝试了什么。尝试添加“溢出:hidden”到ul。这将强制元素具有布局。没有滑块存在,但当我在小提琴上这样做时,ul停止被折叠(通过一点红色窥视是UL):
http://jsfiddle.net/SKYJY/1/

相关问题