通过数据循环一个DIV，循环后第一个容器会往下掉，后面的都正常是怎么回事？？？

[q4521186]

样式代码：
.service-div-list{
width:96%;
margin:auto;
overflow: hidden;
white-space: nowrap;
overflow-x:auto;
}
.service-item-list{
width:46%;
height: 640rpx;
margin:10px 5px 0 0;
/*border:1px solid #e7e7eb;*/
text-align:center;
display:inline-block;
background: url("http://ozyn35azp.bkt.clouddn.com/images/19/2017/12/fB6L66bl6r7Llv9B3r8K68LL9S15b8.png") no-repeat;
background-size:100% 100%;
}
.service-item-list:last-child{
margin-right: 0;
}
::-webkit-scrollbar{
width:1px;
height:1px;
}
.service-item-list image{
width: 90%;
/*height: 105px;*/
height:492rpx;
/*border-bottom:1px solid #e7e7eb*/
margin: 40px auto 0 auto;
}
.service-item{
width:46%;
margin:5px;
text-align: center;
/*height: 140px; */
}

.service-item image{
width: 100%;
/*height: 105px;*/
height:388rpx;
}
.service-item-text{
font-size: 13px;
text-align: center;
color:#6e6e6e;
/*line-height: 30rpx;*/
}


循环后第一个view容器整体会比后面的低，看了好久都没发现问题

[郑小枫]

可以审查元素啊，这么简单

[q4521186]

审查试了，看不出这个多出来的地方是从哪里来的

[q4521186]

解决了，第一个子容器设置了float：left；之后就能上去了

[q4521186]

问题存在好久了，也检查了好久，就是检查不出问题所在