问答详情
源自:2-1 样式布局关键代码讲解

如果每张图片的宽度要占满浏览器,也就是设置的父容器宽度为100%,图片宽度也为100%该怎么做

如果每张图片的宽度要占满浏览器,也就是设置的父容器宽度为100%,图片宽度也为100%该怎么做

提问者:qq_小比克_0 2018-06-12 17:53

个回答

  • 取不到好名字
    2018-06-14 15:21:36

    举个列子

    #banner{

    width: 100%;

    height: 460px;

    position: relative;

    overflow: hidden;

    }父容器

    #box{

    width: 500%;

    height: 460px;

    position: absolute;

    z-index: 1;

    }放置图片的div

    #box img{

    height: 460px;

    width: 20%;

    float: left;

    cursor: pointer;

    } img的格式

    这是我在做百分比布局时的一点心得

    上述是假设你放置五张图片时,为了让每一张都百分之百显示出来所以box的宽度设为500%

    由于继承,但每一张的img由于500%的20%,刚好是100%,这样图片就可以完全显示出来