css定位问题 - 发生在某些页面而不是其他页面上

Question

我注意到在我网站的某些产品页面上（但不是全部）我遇到了一个奇怪的问题，其中一个产品图片出现在它的意图下面的行中。

因此，在某些页面上，“买了这个的人也购买了......”图片，在最后一行中，其中一个产品掉线，显然不合适。 http://tinyurl.com/cs6d3q5

但大多数其他页面都没问题！ http://tinyurl.com/clwq3dz

我无法弄清楚这是什么问题。据我所知，他们应该采取同样的行动。任何人都可以启发我，并告诉我他们如何调试它？我在FF上使用Firebug和开发人员工具，但它们似乎没有像以前那样有用

感谢

这是用于创建它的代码：

if($also_purchased_products->RecordCount() > 0) {
    echo '<div style="clear:both"></div>';
    echo '<div class="sideboxHeading">People who bought this also purchased...</div>       <div class="ProdInfoDotSpacer"></div>';
    while (!$also_purchased_products->EOF) {
        $also_purchased_products->fields['products_name'] = zen_get_products_name($also_purchased_products->fields['products_id']);
        echo '<div class="alsoPurchasedWrapper">';
        echo '<a href="' . zen_href_link(zen_get_info_page($also_purchased_products->fields['products_id']), 'products_id=' . $also_purchased_products->fields['products_id']) . '">' . zen_image(DIR_WS_IMAGES . $also_purchased_products->fields['products_image'], $also_purchased_products->fields['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br />';
        echo '<a href="' . zen_href_link(zen_get_info_page($also_purchased_products->fields['products_id']), 'products_id=' . $also_purchased_products->fields['products_id']) . '">' . $also_purchased_products->fields['products_name'] . '</a>';
    echo '</div>';
    $also_purchased_products->MoveNext();   
}
}

Answer 1

因为

 <a href="http://www.traditionalirishgifts.com/black-sage-guinness-harp-knit-scarf">Black/Sage Guinness harp knit </a>

此处Black/Sage Guinness harp knit scarf很长时间尝试对其进行排序

Answer 2

当上一项文本链接长度超过一行时，会出现问题。你可以像NullPointer那样截断它，或者在.alsoPurchasedWrapper上设置一个高度：

.alsoPurchasedWrapper {
  float: left;
  width: 150px;
  margin: 5px 0px 10px 20px;
  height: 170px;
}