Question

提前感谢您的帮助，这让我想把电脑扔到房间里！我不明白为什么我的ul产品没有包裹我添加的图像。我认为这将是一个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产品是左边漂浮的，我不明白为什么它们没有包裹。我也不明白为什么李不是一直排队并被推倒，如果他们都是相同的高度。提前谢谢！

Answer 1

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

您需要重新设计宽度/边距权限才能修复它。

为什么我的产品不能包裹我的形象？我需要它们来包裹我浮动的图像

1 个答案: