代码中同一个DIV中多张图片怎么浮动
1个回答
展开全部
可以用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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询