开发者社区> 问答> 正文

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

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

展开
收起
a123456678 2016-05-27 14:02:13 1904 0
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%;
    }
    2019-07-17 19:17:43
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载