如果一个元件有更高的高度，则浮动左制动器

Question

所需的输出是：

但我无法为元素设置高度，因为有些内容会更多，而其他内容则更少。

这就是我得到的：

段

＆＃13;

＆＃13;

.wrap {
  width: 400px;
}

.inner {
  width: 80px;
  border:solid 2px lime;
  margin: 5px;
  float:left;
}

＆＃13;

<div class="wrap">
  <div class="inner"><h1>1</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>2</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>3</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>4</h1>blubby blubby bluuublubby blubby bluuu</div>
  <div class="inner"><h1>5</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>6</h1>blubby blubby bluuublubby blubby bluuu</div>
  <div class="inner"><h1>7</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>8</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>9</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>10</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>11</h1>blubby blubby bluuu</div>
  <div class="inner"><h1>12</h1>blubby blubby bluuu</div>
</div>

＆＃13;

＆＃13;

＆＃13;

Fiddle

如何解决？

Answer 1

使用icinga2 node update-config代替

display:inline-block

.wrap {
  width: 400px;
}

.inner {
  width: 80px;
  border:solid 2px lime;
  margin: 5px;
  display:inline-block;
  vertical-align:top
    
}