首页 > 前端设置轮播bannner尺寸发生了异常?

前端设置轮播bannner尺寸发生了异常?

设置了img的尺寸为100% 100%,通过firebug盒子模型尺寸正常。
但是图像尺寸变成这样。如果不设100% 100%的话,盒子模型的height会为1700多px。但图像能正常点

css如下


假设你的图片大小是400*450,三张轮播图,你试试下面的方式:

.content_ban{
    height:450px;
    width:400px;
    overflow:hidden;
}
.content_ban>ul{
    height:100%;
    width:1200px;
}
.content_ban>ul>li{
    width:400px;
}
.ban{
     width:100%;
}
.ban img{
     width:100%;
}

图片轮播1
图片轮播2

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