使用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的代码之后设置。