我尝试做一个图像滑块。
<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
1条答案
按热度按时间h7appiyu1#
你已经提到过你尝试过“设置溢出”,但没有具体说明你到底尝试了什么。尝试添加“溢出:hidden”到ul。这将强制元素具有布局。没有滑块存在,但当我在小提琴上这样做时,ul停止被折叠(通过一点红色窥视是UL):
http://jsfiddle.net/SKYJY/1/