如何将Divs与不同高度对齐？

Question

我无法调整我的div。我的div没有设定的高度，所以他们采取了内部文本的高度。

以下是现在的照片。

请注意，王子的帖子是正确的，在该帖子下面是另一个在其下对齐的帖子。我似乎无法弄清楚这有什么问题。

这是我的HTML：

<div class="row" style="padding:30px 10px 30px 20px; margin:auto;  display:block;">

 <div class="large-12 column large-columnz">
 <a href="post url"><img src=""></a>
 <div class="row column">The Title
 Article Excerpt</div>
</div>
</div>
</div>

这是css：

.large-columnz {  
    max-width:560px;
    margin-bottom:10px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
 }

我正在使用Foundation响应式框架来设计我的网站以及我自己的css。

任何人都可以告诉我我做错了什么导致最后两个帖子不对齐。

Answer 1

包含所有div的父div中的

（如果你没有包装div然后加1）然后添加display：flex;在父div样式中，所有子容器都具有相同的高度..