php - 为什么我的产品不能环绕我的形象？我需要它们环绕我的 float 图像

Question

提前感谢您的帮助，这让我想把我的电脑扔到房间另一头!我不明白为什么我的 ul 产品 li 没有环绕我添加的图像。我认为这将是一个 CSS 解决方案，但以防万一，这是我在 php 中所做的:

在我的 archive-product.php 文件中，我添加了:

    <?php if ( is_product_category() ) {
      if ( is_product_category( 'cubicles' ) ) {
      echo '<div class="cubicles"><img src="/wp-content/uploads/2015/05/menu_cubicles.jpg"></div>';
     } ?>

附加的样式是:

     body.archive .cubicles { 
        height: 347px;
        width: 220px; 
        float: right; 
        margin-right:0;
     }

这是实时链接:http://dev.arnoldsofficefurniture.com/product-category/cubicles

因为它向右浮动而 ul 产品 li 向左浮动，我不明白为什么它们不换行。我也不明白为什么 li 没有一直排成一行并被推下，如果它们的高度都相同的话。提前致谢!

Answer 1

它没有落在隔间区域下方的原因是没有足够的空间。产品的整个区域宽度为 975 像素。每个产品列表项都是 220 像素加上 30 像素的右边距。简单的数学...250 * 4 = 1000。如果您移除隔间，每行仍然只有三个产品。

你需要修改你的 width/margin-right 来修复它。