为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

1 回答

举个列子

#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%,这样图片就可以完全显示出来


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信