内容在div内崩溃

Question

我在html中调用内容时遇到问题。我不知道如何清楚地解释这一点，所以我会告诉你我的意思。

例如我有两个div：

<div class="row">

 <div class="col-md-6">
  (Some image)
  <p>content</p>
  <p>content</p>
 </div>

 <div class="col-md-6">
  (some image)
  <p>content</p>
 </div>

</div>

我希望无论内容量多少，图像都处于同一高度，但它们看起来像这样：

------     ------
(image)
content    (image)
content    content
------     -------

不知何故，图像的位置取决于内容的数量。 我在第二个div中没有​​看到任何填充或边距

Answer 1

使用float属性，使图像保持在您想要的顶部lile，或使用verticle-align使其位于您想要的位置。