主页 / user-399819

Koffe's questions

Martin Hope
Koffe
Asked: 2020-07-28 21:17:15 +0000 UTC
  • 13

我研究性质display: block，display: inline和display: inline-block。

当我排版没有子元素的元素时，一切都清楚了，但现在却有一种奇怪的感觉。

为什么第二列中的子块移动到具有更多子块的列的底部？

.column {
  display: inline-block;
}

.div1 {
  background: cyan;
}

.div2 {
  background: brown;
}
<div class="column">
  <div class="div1">div1</div>
  <div class="div2">div2</div>
</div>
<div class="column">
  <div class="div1">div1</div>
</div>
<div class="column">
  <div class="div1">div1</div>
  <div class="div2">div2</div>
</div>

html