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

Question

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

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

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

unslider官方地址

我的demo

Answer 1

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

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

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