在一个级别上设置2列中的类似div

Question

在页面上我有2列：第一列有问题和先前的答案，而第二列也有问题（相同的问题）和一些输入字段的答案。这是为了进行一些比较。

由于输入字段需要一些额外的空间，因此来自2列的问题不在同一级别上（来自第1列的问题的div占用较少的空间，然后div来自第2列的问题）

如何让它们处于同一水平？

我只有一个想法 - 为每个问题块设置高度。还有其他想法吗？

感谢。

我现在拥有的：

代码：

这是主要的div。每个CatecoryQuestion都包含一些问题。

 <div class="row">
       <div id="pnlSubmissionCategoryQuestions" class="col-md-6">...</div>
       <div id="pnlAmendmentCategoryQuestions" class="col-md-6">...</div>
    </div>

http://jsfiddle.net/5vjmtozu/ 这里几乎是完整的代码（请将结果表格widder看成2栏和我的问题）

Answer 1

CSS：

.row div {
    display: inline-block;
    vertical-align:top;}

Answer 2

您需要重新构建HTML。现在，您有一行封装了您的所有问题和答案。您需要将每个问题/答案及其对应部分放在同一行。

立即获取一些代码。

<div class="row">
    <div class="submission-question">...</div>
    <div class="amendment-question">...</div>
</div>

除了为您重写代码之外，我还能做更多的事情。在这个时刻，除非你想要一些花哨的jquery来为元素提供适当的空间，否则你不能对你拥有的东西做太多的事情。