这个应该是受到了兄弟元素浮动的影响，给靠右的元素添加一个caler:both;来清除浮动就可以了，。。。。。。。刚刚看你你发的图，这个是因为你的大盒子装不下了，溢出了
破案了,刚遇到了这个问题, 觉得也是莫名其妙的.
实际是因高度未设置或未固定高度.
举例比如靠左浮动, 一行显示2个产品, 然后发现第3个产品在第二行靠右又独占一行了.
原因我举个例子，产品1高度为10,产品2高度为9.99,这样子产品3就会被硬塞到产品2下面去了,其实程序认为第三个因宽度不够已经换行了,并确实是靠左浮动的，只不过第二行的开始是从产品1后面接上去的，所以你看起来他们是两行而产品3还莫名其妙靠右了.
给每个产品一个相同高度就ok
题主你放大图片看就知道了, 你每个桌球杆的黄色边框都不一样高.
Vue实践-CSS样式position/display/float属性对比使用
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024