老师，有个问题

因为导入图片的样式是用%来写的，一导入就没用

如果改成px的话就没有问题

这个改怎么解决呀

玄鱼琉璃 2020-12-02

源自：“仿穷游”首页组件化开发 5-7 使用Ajax获取数据-2

收起

2回答

好帮手慕夭夭 2020-12-03 09:57:36

同学你好，从截图的代码中分析，多一个div.banner-imgs并不是循环导致的。因为代码循环了5次，所以如果是循环的影响，那么div.banner-imgs也应该会多出5个，而不是一个哦。

这里可能是同学自己多写了一个div.banner-imgs，建议同学把如下的iv.banner-imgs注释：

如果没有解决，一定要把全部的代码粘贴上来（不要截图），以便老师这边准确测试定位问题哦。

祝学习愉快~

收起回答

好帮手慕夭夭 2020-12-02 19:11:37

同学你好，如果元素使用百分比（%）设置宽高的话，需要参照父元素计算。如果父元素没有手动设置宽高，那么子元素使用百分比设置的宽高无法计算，则宽高无效，所以图片显示不出来。建议同学检查一下代码，看看banner是否设置了宽度，如果没有设置，需要自己设置一下banner的宽度，子元素设置的宽度才有效果哦。

如果还是不行，请把自己写的全部代码（html,css）粘贴上来，以便老师准确测试查找问题。

祝学习愉快~

收起回答

提问者玄鱼琉璃 #1

老师我找到错误了，就是模板赋值那里有问题

这样相当于
<div class="banner-imgs clearfix"> 多了一个div
<div class="banner-imgs clearfix"> 多了一个div

<img class="imgbox" src="http://alimc.img.imooc.com/class/muyun/mall-PC/slide/banner_01.jpg">

<img class="imgbox" src="http://alimc.img.imooc.com/class/muyun/mall-PC/slide/banner_02.jpg">

<img class="imgbox" src="http://alimc.img.imooc.com/class/muyun/mall-PC/slide/banner_03.jpg">

<img class="imgbox" src="http://alimc.img.imooc.com/class/muyun/mall-PC/slide/banner_04.jpg">

<img class="imgbox" src="http://alimc.img.imooc.com/class/muyun/mall-PC/slide/banner_05.jpg">

</div>
</div>
这样了，有没有办法只获取到循环里面的代码呢

2020-12-02 19:30:31