Jquery 使用图像横幅打破产品网格-CSS

Jquery 使用图像横幅打破产品网格-CSS,jquery,html,css,Jquery,Html,Css,我试图把一个图片横幅放在一个电子商务商店的分类页面上,该商店有一个产品网格 请看这里: 我希望横幅出现在右边(这是灰盒图像),所以它被设置为向右浮动。上面的两个图像按照我希望的方式工作,但下面的一行并没有按照我希望的方式完全“环绕”图像 如果我将.product grid li类更改为float:right;而不是浮动:左;它做的正是我想要它做的,除非你滚动到底部,它看起来很奇怪,最后一个图像浮动在右边而不是左边 我应该有什么样的风格使图片“包裹”在横幅上,同时确保产品漂浮在左侧 谢谢。从.pr

我试图把一个图片横幅放在一个电子商务商店的分类页面上,该商店有一个产品网格

请看这里:

我希望横幅出现在右边(这是灰盒图像),所以它被设置为向右浮动。上面的两个图像按照我希望的方式工作,但下面的一行并没有按照我希望的方式完全“环绕”图像

如果我将.product grid li类更改为float:right;而不是浮动:左;它做的正是我想要它做的,除非你滚动到底部,它看起来很奇怪,最后一个图像浮动在右边而不是左边

我应该有什么样的风格使图片“包裹”在横幅上,同时确保产品漂浮在左侧


谢谢。

从.product grid li:n-child()中删除clear:left()//行号7986

并设置横幅高度:875px,宽度=457px