这是一个关于css的问题,关于islider的问题

如下,轮播图上面有一处空白间隙,只知道这部分属于主体div,这怎么消除?

图片说明

贴一下我的主体

 <div id="iSlider-wrapper"></div>

<script>
    var list = [
        { content: "imgs/01.jpg" },
        { content: "imgs/02.jpg" },
        { content: "imgs/03.jpg" },
        { content: "imgs/04.jpg" }
    ];
    var islider = new iSlider({
        dom: document.getElementById("iSlider-wrapper"),
        type: 'pic',
        data: list,
        isLooping: true,//循环播放模式
        isDebug: true,
        isAutoplay: true,
        animateType: 'rotate',
        animateTime: 1000,
        animateEasing:'ease',
    });
</script>

css里面关于这个轮播图的部分

    #iSlider-wrapper {
    width:1000px;
height:400px;
float:right
    }
#iSlider-wrapper img {
    overflow:hidden;
    width: 1000px;
    height: 400px;
}
#iSlider-wrapper ul li{
    list-style:none;

}

2个回答

height:400px改成height:100%试试

weixin_44021742
河水不犯 你好,我刚才试了下,图片看起来都变成了很适当比例,更多的部分超出了div,但是上面仍然有那一块空白
3 个月之前 回复

把你img标签的样式设置为 width:100%, height: 100%,包含img标签的这个容器给固定宽高

weixin_44021742
河水不犯 仍然有那条块,图片都变成了原比例了,并不是填充满整个父级div
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问