Box Div顺序错误[重复]答案

【问题标题】：Box Div in wrong order [duplicate]Box Div顺序错误[重复]
【发布时间】：2017-09-28 05:40:43
【问题描述】：

我有多个如下所示的 Div 框：

<div class="col-sm-4 col-md-4 col-xs-12  text-center">
  <div class="carCard">
    <h2 class="text-center">Box 1</h2>
    <p>
      Conent Here
    </p>
  </div>
</div>

但是，如果内容 <p> 变大，则按顺序排列的框会丢失，请参见示例：https://jsfiddle.net/3oq8h3vy/2/

你可以看到Box 1、Box 2、Box 3，然后发送行：Box 5、Box 6和Box 4。

如何解决这个问题？

【问题讨论】：

您是否希望所有盒子保持相同的高度，或者两行高度不均匀的内联很好
@NagaSaiA 两者。所有拳击手的身高相同，顺序正确。

标签： html css twitter-bootstrap

【解决方案1】：

替换 CSS

.carCard {
  border: 3px solid #ebebeb;
  padding-bottom: 20px;
  margin-bottom: 40px;
  height:150px;
  overflow:auto;
  overflow-x:hidden;
}

【讨论】：

【解决方案2】：

有两种解决方案，一种是您可以为 carCard 类使用相同的高度。

第二个是你可以排成一排，另外三个排成一排，等等。

或者您可以使用与 carCard 中的 p 标签相同的高度。

【讨论】：