Question

我一直试图弄清楚为什么会发生这种情况。如果您访问＆＃34; http://adslabmedia.com/freestuff/＆＃34;向下滚动，您将看到Product Testing和Sun Trial未对齐。我不明白为什么会发生这种情况，我已经使用建设者创建了这些盒子，所以我没有做错任何事情。所有来自同一页面的内容都是以相同的方式制作的。

以下是我对这些＆＃34;促销框＆＃34;的所有属性：属性：

图片（上传促销盒项目的照片 - 可以在右侧或左侧）
标题（Progress Box项目的标题）;
内容（进度框项目的内容）;
按钮文本（为“进度框”项目内的按钮键入文本）
按钮链接（按钮的链接）
图像位置（在图像的左侧或右侧位置之间选择以上）
边框（选择是否要在右侧显示边框）
在新窗口中打开（选择是否要在新窗口中打开链接或不）
动画（在滚动时选择入口动画或不用离开动画）

感谢您的帮助：）

Answer 1

问题是左上方一行的结果。由于标题<h2>Quotezon Free Bike Insurance Quote</h2>显示为两行，因此框的高度高于右侧的框（在我的笔记本电脑上为9px）。因此，＆＃34; Sun Trial＆＃34;不适合左侧，并显示在右侧。我刚刚测试了当标题减少到<h2>Quotezon Free Bike</h2>时会发生什么 - 然后＆＃34; Sun Trial＆＃34;显示在左侧，＆＃34;产品测试＆＃34;在下一行的右侧。
根据屏幕尺寸的不同，这不仅适用于＆＃34; Sun Trial＆＃34; - 在我的屏幕上同样适用于第二排，使用＆＃34; Coupon XPlorer＆＃34; （右边的单个框）和＆＃34; Primark＆＃34;在左下一行。也许你可以调整CSS以使所有盒子具有最小高度。

Answer 2

该框未正确创建。由于某些原因，它的所有html标签在open标签的末尾都有标题。

<div class="column one-second column_promo_box" title="">
    <div class="promo_box no_border" title="">
        <div class="animate zoomInDown" data-anim-type="zoomInDown" title="">

是它的一小部分样本，我猜它会产生一些错误。

编辑：

当查看格式正确的其他框时，代码是不同的，这就是为什么我认为它们生成错误的原因。

为什么这个wordpress主题会发生这种情况？

2 个答案: