怎样才能使列的高度相等，尽管里面有内容？

Question

CODEPEN

我必须只使用CSS，这也。对于这个特定的布局，我创建了如下列：

<div class="col-md-12 no-border no-padding">
  <h2 class="heading upper align-center">Headline</h2>
  <p class="subheading lower align-center">Make the first thing your buyers see amazing</p>
  <div class="help-link align-center upper margin-b-5">
    <p class="mini-help">Need help? Watch this&nbsp;&nbsp;
    <div class="help">
      <div class="hvr-grow"><i class="icon-camrecorder"></i></div>
    </div>
    <p class="mini-help upper align-center margin b-5">&nbsp;&nbsp;quick video.</p>
  </div>
</div>

Answer 1

已经回答了，但我还是坚持我的答案。

我没有接触HTML或您的CSS，但我添加了一些选择器和灵活的规则，使每个框在一行的高度相同。https://codepen.io/gc-nomade/pen/wrJWMq

/* CSS更新*/

div.row,
.row > div {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
}
.row > div {
  flex-flow: column;
  flex: 1 0 auto;
  margin-bottom: 0;
}
.row > div > div {
  flex: 1 1 50%;
}

.multi-summ.align-center.bcolor-white {
  margin-bottom: 2rem;
}