首页 > 轮播图插件unslider每次初始化页面时banner容器高度为0,如何破解这个问题?

轮播图插件unslider每次初始化页面时banner容器高度为0,如何破解这个问题?

使用unslider做的轮播图,每次刷新页面,轮播图的高度就会变成0;当开始切换时,高度才会被撑开成内部元素的高度

我的思考:打开控制台,看到轮播图内部的li,在初始化之后都是float:left,这就解释了为什么轮播图外层容器的高度会变成0;清除浮动之后,刷新页面高度还是会变成0

一些限制:banner内部的li,里面放的一些大图,需要width:100%,高度自自适应,所以这里不能固定banner的高度

unslider官方地址

我的demo


只需要设置作为banner的父容器高度100%就可以了。
如下结构:

<div id="parent"
    <div id="banner">
        <ul>
            ....
        </ul>
    </div>
</div>

只需要设置parent的高度100%,使用javascript设置,在初始化banner的代码之后设置。

【热门文章】
【热门文章】