html - 如何限制一个div停留在另一个2 div的底部

Question

我得到了 3 个宽度为 33% 的 div。

<div class="row">
  <div class="col-md-4">a</div>
  <div class="col-md-4">a</div>
  <div class="col-md-4">a</div>
</div>

如何限制第 3 个 div 不与其他 2 个 div 对齐，我想要连续的第 2 个 div 和使用 CSS 属性的第 3 个 div 底部？

Answer 1

如果你只想让第三个 div 出现在下一行，或者“底部”，那么就给它 block 级显示，像这样:

.col-md-4 {
  display:inline-block;
  width:33%;
  height:100px;
  background-color:red;
}
.block {
  display:block;
}

<div class="row">
  <div class="col-md-4">1</div>
  <div class="col-md-4">2</div>
  <div class="col-md-4 block">3</div>
</div>

如果这不是您想要的，请详细说明您的问题。