如果每张图片的宽度要占满浏览器,也就是设置的父容器宽度为100%,图片宽度也为100%该怎么做
如果每张图片的宽度要占满浏览器,也就是设置的父容器宽度为100%,图片宽度也为100%该怎么做
如果每张图片的宽度要占满浏览器,也就是设置的父容器宽度为100%,图片宽度也为100%该怎么做
2018-06-12
举个列子
#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%,这样图片就可以完全显示出来
举报