又是BUG,烦啊 2021.10.18

今天星期一,老师在讲计算机原理什么的,我听的超级无聊,因为讲的实在太基础、太详细了。然后我为了打发一下时间,准备做一个网页,就拿品优购商城项目练练手吧。前面还好,到后面BUG困扰我头都要炸了,主要我一直以为这个bug是我导致,花了好长时间,到最后我发现居然是浏览器问题

谷歌浏览器这里会有缝隙
1.png

其他浏览器就没有,就是想要的效果
2.png
我代码从头看到尾搞了半天都找不到为什么这里会有这样的缝隙,没想到是谷歌浏览器的问题,彻底崩溃了。

接下来就是第二个一行的子元素加起来的宽度如果大于了父盒子时候正常就会换行显示,但是我印象中记得有一种方法可以让他在一行子元素加起来的宽度如果超过了父盒子时可以设置一个溢出隐藏。
11.png
22.png
然后我就一直纠结,我也请教了一些朋友,都无能为力。最后只能放弃了,因为我只是印象中记得有这个标签,不太确定而已。可能就没有这个功能吧

就这两个问题已经浪费我一天时间了,谁知道晚自习又出了一个bug。
给类名.recom的div在加上个.w版心类名,margin就不没有效果,而分开写就有效果,这是什么原理啊,想了一整个晚自习没想出来。
111.png

为什么把recom跟w版心类名分开后就可以设置margin呢,
虽然能实现我想要的效果,但是我这强迫症就想知道什么原理
222.png

实在不行明天只能问老师了。

今天真的是BUG满满的一天啊

这是代码,哪位大佬帮忙解决我的疑惑
shoping.zip

评论区
头像