移动端一个1080*548的div里面套6张大小不同的图片代码怎么写 求大神帮忙 5
2017-03-16 · 百度认证:深圳联雅网络科技有限公司
联雅网络
联雅网络成立于2005年，是一家技术开发型的网络公司，致力于高端品牌网站建设，微信公众平台开发，是一支拥有一百多人的网站设计技术团队。分深圳联雅网络与广州联雅网络，一直专注网站建设领域
向TA提问
关注
![]()
展开全部
可以用nth-child(n)试下
<div class="img">
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
</div>
<style>
.img{
position: relative;
z-index: 0;
width: 800px;
height: 600px;
}
.img{
position: absolute;
}
.img img:nth-child(1){
top: 0;
left: 0;
}
.img img:nth-child(2){
top: 0;
left: 50px;
}
.img img:nth-child(3){
top: 0;
left: 100px;
}
</style>
<div class="img">
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
<img src="" alt=""/>
</div>
<style>
.img{
position: relative;
z-index: 0;
width: 800px;
height: 600px;
}
.img{
position: absolute;
}
.img img:nth-child(1){
top: 0;
left: 0;
}
.img img:nth-child(2){
top: 0;
left: 50px;
}
.img img:nth-child(3){
top: 0;
left: 100px;
}
</style>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
