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

Question

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

css如下

Answer 1

假设你的图片大小是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