Question

我有多个Div Box，如下所示：

<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/

您可以看到方框1，方框2，方框3，然后发送行：方框5，方框6和方框4。

如何解决这个问题？

Answer 1

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

第二个是你可以连续包裹在那里，另外三个在其他行等。

或者你可以在carCard中使用与p tag相同的高度。

Answer 2

替换CSS

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

Box Div的顺序错误

2 个答案: