如何在响应式设计中使用相同高度的列

Question

我正在使用matchHeight jquery插件，以便我的列具有相同的高度。在我在另一列中添加两列之前，它工作得很好。

这是网站http://heartcrossings.businesscatalyst.com/

正如你在爱情故事部分所看到的那样，内容现在已经出了主列，背景也没有延伸。

如果我在＆＃34; 您的导游旅程中添加更多内容＆＃34;它将两个列中的背景调整为相同，但如果我将其添加到爱情故事部分，则不会发生这种情况。

Answer 1

尝试将display: inline-table;添加到您的广告系列类

.box {
    background: url(../images/box-bkg.png) repeat;
    display: inline-table;
    padding: 20px;
}