老师，为什么我小缩略图那块一直不能排在一行？知道的方法都试了，全都不行

1. 
   
2. <!--  亲，使用后发个链接帮我们宣传下吧，淘宝代码免费生成网www.001daima.com  -->
   
3. <!--  此处注释淘宝会自动过滤  -->
   
4. 
   
5. <div data-title="来自淘宝代码生成网www.001daima.com" style="height:766px;">
   
6.     <div class="most-footer footer-more-trigger" style="left:50%;width:1435px;height:766px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;background-color: transparent; ">
   
7.         <div class="most-footer footer-more-trigger" style="left:-242.5px;top:0px;border:none;padding:0;background-color: transparent; ">
   
8.                          <div style="width:1435px; height:766px"> <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'fade','navCls':'btn','contentCls':'neirong','autoplay':true,'interval':4,'activeTriggerCls':'hidden'}"> <div style="width:1435px; height:766px"> <ul class="neirong" style=" width:1435px; height:628px"> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2eXQjjwoQMeJjy1XaXXcSsFXa_!!2619579686.jpg" alt=" 1.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i2/2619579686/TB2WGn1jrsTMeJjSszgXXacpFXa_!!2619579686.jpg" alt=" 2.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i2/2619579686/TB2QwgajrsTMeJjy1zcXXXAgXXa_!!2619579686.jpg" alt=" 3.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB2v8rWjrsTMeJjSszdXXcEupXa_!!2619579686.jpg" alt=" 4.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2KYLQeLBNTKJjSszcXXbO2VXa_!!2619579686.jpg" alt=" 5.1.png"/></a></li> </ul> <ul class="btn footer-more-trigger" style=" float:left; margin-top:642px; padding:0; border:0; top:0; left:0; z-index:10"> <li class="hidden" style=" margin-left:0px; display:inline;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB28YGNfqmgSKJjSsphXXcy1VXa_!!2619579686.jpg" alt=" 1.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2b7mGfqagSKJjy0FbXXa.mVXa_!!2619579686.jpg" alt=" 2.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i1/2619579686/TB2sh6_eLJNTKJjSspoXXc6mpXa_!!2619579686.jpg" alt=" 3.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB22vY4eLBNTKJjy1zdXXaScpXa_!!2619579686.jpg" alt=" 4.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i1/2619579686/TB2ozPWjrsTMeJjSszdXXcEupXa_!!2619579686.jpg" alt=" 5.2.png"/></li> </ul> <ul class="footer-more-trigger" style=" float:left; margin-top:642px; padding:0; border:0; left:0; top:0; z-index:9"> <li style=" margin-left:0px;"><img src="https://img.alicdn.com/imgextra/i1/2619579686/TB2EiuDfzuhSKJjSspdXXc11XXa_!!2619579686.jpg" alt=" 1.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB20UIijwoQMeJjy1XaXXcSsFXa_!!2619579686.jpg" alt=" 2.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2OSv6eLBNTKJjSszeXXcu2VXa_!!2619579686.jpg" alt=" 3.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB2JlsceLNNTKJjSspeXXaSwpXa_!!2619579686.jpg" alt=" 4.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB2gBiVfzqhSKJjSspnXXc79XXa_!!2619579686.jpg" alt=" 5.2.png"/></li> </ul> </div> </div> </div>         </div>
   
9.     </div>
   
10. </div>
    

复制代码

潜意式

你的效果图是什么样的呢？我这边看代码小的缩略图都是被大图片盖住的。如果想要在上方，则需要将元素浮动起来。

小松制造

、
就是要这种上下的效果，我做出来的加图层，缩略图一直是纵向派略、